ComponentOne BubbleChart for ASP.NET Web Forms
BubbleChart Fundamentals / Bubble Appearance
In This Topic
    Bubble Appearance
    In This Topic

    The bubble's appearance for each C1BubbleChartSeries can be customized. You can change the shape of the bubble or you can specify a custom image for each C1BubbleChartSeries.

    Rather than displaying circular bubbles for a series, you can show triangles, inverted triangles, boxes, diamonds or crosses.

    The following chart illustrates the various shapes you can use on the C1BubbleChart series through the Type property:

    To change the shape of the bubble at design time:

    1. Click SeriesList from the C1BubbleChart Tasks menu. The BubbleChartSeries Collection Editor appears.
    2. Expand Markers and set the Type property to Circle, Tri, InvertedTri, Box, Diamond, or Cross.
    3. Click OK to close and save the changes. The shape will be updated on the C1BubbleChart.

    Custom images can be specified for the C1BubbleChartSeries using the Symbol property. The following image displays custom images for each x,y,y1 value.

    To replace the bubble shape with a custom image at design time:

    1. Click SeriesList from the C1BubbleChart Tasks menu. The BubbleChartSeries Collection Editor appears.
    2. Expand Markers and click on the ellipsis button next to the Symbol property. The BubbleChartSymbol Collection Editor appears.
    3. Click Add to add a C1BubbleChartSymbol and then specify the Index value and enter the file path location for the Url property, for example, images/chrome.png.
    4. Click OK to close and save the changes. The new image will appear on one of the data values. C1BubbleChart.

    When using images instead of bubble shapes it's recommended to display the chart label for the Y1 value outside to enable easier readability for the chart label. For more information see Chart Labels.

    See Also