To create negative X and Y values for the BubbleChartSeries, set the X and Y Origin to zero so that it displays the negative values on the left side of the axis and only the postive values on the right side of the axis.

This topic illustrates how to display negative X and Y BubbleChartSeries values on the C1BubbleChart in Design View and Source View.

Creating Negative X and Y values for your C1BubbleChart in Design Veiw:

1. Select View | Properties Window in the Visual Studio menu.
2. Click the drop-down list at the top of the Properties window and select Panel1_C1BubbleChartExtender.
3. Click the ellipsis button next to the SeriesList property. The BubbleChartSeries Collection Editor appears.
4. In the BubbleChartSeries Collection Editor, click the Add button once to add a new BubbleChartSeries to the BubbleChart.
5. Select the member and set the following properties for the BubbleChartSeries. Use the DoubleValue for each ChartXData, ChartYData, and Y1 values.

 

Member	Label	ChartXData	ChartYData	Y1Data
0	West	-5, 14, 20, 18, 22	-5500	3, 12, 33, 10, 42

 

6. Click OK to close and save the collection editor.
7. In the BubbleChart properties window expand the Axis->X node and set the Origin property to 0.
8. Expand the Axis->Y node and set the Origin property to 0.

Creating Negative X and Y values in Source View:

To create negative X and Y values for your C1BubbleChart, click the source tab and add the following code in your source file:

<cc1:C1BubbleChartExtender ID="Panel1_C1BubbleChartExtender" runat="server"

            TargetControlID="Panel1">

            <Animation Duration="500" Easing="EaseOutElastic">

            </Animation>

            <SeriesList>

                <cc1:BubbleChartSeries Label="West" LegendEntry="True">

                    <Data>

                        <Y1 DoubleValues="3, 12, 33, 10, 42" />

                        <X>

                            <Values>

                                <cc1:ChartXData DoubleValue="-5" />

                                <cc1:ChartXData DoubleValue="14" />

                                <cc1:ChartXData DoubleValue="20" />

                                <cc1:ChartXData DoubleValue="18" />

                                <cc1:ChartXData DoubleValue="22" />

                            </Values>

                        </X>

                        <Y>

                            <Values>

                                <cc1:ChartYData DoubleValue="-5500" />

                                <cc1:ChartYData DoubleValue="12200" />

                                <cc1:ChartYData DoubleValue="60000" />

                                <cc1:ChartYData DoubleValue="24400" />

                                <cc1:ChartYData DoubleValue="32000" />

                            </Values>

                        </Y>

                    </Data>

                </cc1:BubbleChartSeries>

            </SeriesList>

            <Footer Compass="South" Visible="False">

            </Footer>

            <Axis>

                <X Origin="0">

                </X>

                <Y Compass="West" Visible="False">

                    <Labels TextAlign="Center">

                    </Labels>

                    <GridMajor Visible="True">

                    </GridMajor>

                </Y>

            </Axis>

        </cc1:C1BubbleChartExtender>

This Topic Illustrates the Following:

The following image shows a C1BubbleChart with negative X and Y values: