ComponentOne BubbleChart for ASP.NET Web Forms
Quick Start / Step 3 of 5: Customizing the BubbleChart Appearance
In This Topic
    Step 3 of 5: Customizing the BubbleChart Appearance
    In This Topic

    In this topic you will customize the Axes in the C1BubbleChart.

    1. In Source view set the C1BubbleChart Width to 500px and Height to 400px so it appears like the following:
      Markup
      Copy Code
      <cc1:C1BubbleChart ID="C1BubbleChart1" runat="server" Width="500px"
                             Height="400px">
      
    2. In design view right-click on the C1BubbleChart and select Properties to open C1BubbleChart's Properties window.
    3. Expand the Axis->X->AxisLabelStyle and set the FontSize property to 12. This will change the font size for the axis x label to 12px.
    4. Expand the Axis->X->TickMajor and set the Position property to Outside. This will change the position of the x-axis to outside.
    5. Expand the Axis->Y and set the Text property to Units sold in Billions.
    6. Expand the Axis->Y->TextStyle and set the FontSize property to 16.
    7. Expand Header and set the Text property to Sales Trends In Top Selling Worldwide Cars.
    8. Expand Legend and set Compass property to South and Orientation to Horizontal.
    9. Expand ChartLabel and set the ChartLabelFormatString property to c2.
    See Also