Step 2 of 5: Adding Data to the C1BubbleChart

In This Topic

In this step, you will add three independent values to the X BubbleChartSeries, Y BubbleChartSeries, and Y1 BubbleChartSeries. You will also modify the series symbols and label.

Click the BubbleChart smart tag and select SeriesList from the C1BubbleChart Tasks menu.
The BubbleChartSeries Collection Editor appears.
In the BubbleChartSeries Collection Editor, click the Add button five times to add a new BubbleChartSeries to the BubbleChart.

Select a member and set the following properties for the BubbleChartSeries. Use the DoubleValue for each ChartXData, ChartYData, and Y1 values.

Member	Label	XData	YData	Y1Data
0	Toyota	2006, 2007, 2008, 2009, 2010	5, 6, 8, 7, 8.5	4, 4.4, 5.1, 5.5, 5.7
1	General Motors	2006, 2007, 2008, 2009, 2010	3, 4, 6, 7.5, 8	2, 2.5, 3, 4, 5
2	Volkswagon	2006, 2007, 2008, 2009, 2010	4, 5, 6.5, 7.3, 6.6	2, 2.5, 4.5, 6, 5.5
3	Hyundai	2006, 2007, 2008, 2009, 2010	6, 1, 5, 2, 4	2, 3, 4.5, 1.5, 1
4	Ford	2006, 2007, 2008, 2009, 2010	6, 2, 3, 4.6, 5	4.5, 4, 3.8, 3, 2

Your source code should now appear like the following:

<cc1:C1BubbleChart ID="C1BubbleChart1" runat="server">
<Animation Duration="500" Easing="EaseOutElastic"></Animation>
 
    <SeriesList>
        <cc1:BubbleChartSeries Label="Toyota" LegendEntry="True">
            <Data>
                <Y1 DoubleValues="4, 4.4, 5.1, 5.5, 5.7" />
                <X>
                    <Values>
                        <cc1:ChartXData DoubleValue="2006" />
                        <cc1:ChartXData DoubleValue="2007" />
                        <cc1:ChartXData DoubleValue="2008" />
                        <cc1:ChartXData DoubleValue="2009" />
                        <cc1:ChartXData DoubleValue="2010" />
                    </Values>
                </X>
                <Y>
                    <Values>
                        <cc1:ChartYData DoubleValue="5" />
                        <cc1:ChartYData DoubleValue="6"/>
                        <cc1:ChartYData DoubleValue="8"/>
                        <cc1:ChartYData DoubleValue="7"/>
                        <cc1:ChartYData DoubleValue="8.5"/>
                    </Values>
                </Y>
            </Data>
        </cc1:BubbleChartSeries>
        <cc1:BubbleChartSeries Label="General Motors" LegendEntry="True">
            <Data>
                <Y1 DoubleValues="2, 2.5, 3, 4, 5" />
                <X>
                    <Values>
                        <cc1:ChartXData DoubleValue="2006" />
                        <cc1:ChartXData DoubleValue="2007" />
                        <cc1:ChartXData DoubleValue="2008" />
                        <cc1:ChartXData DoubleValue="2009" />
                        <cc1:ChartXData DoubleValue="2010" />
                    </Values>
                </X>
                <Y>
                    <Values>
                        <cc1:ChartYData DoubleValue="3" />
                        <cc1:ChartYData DoubleValue="4"/>
                        <cc1:ChartYData DoubleValue="6"/>
                        <cc1:ChartYData DoubleValue="7.5"/>
                        <cc1:ChartYData DoubleValue="8"/>
                    </Values>
                </Y>
            </Data>
        </cc1:BubbleChartSeries>
        <cc1:BubbleChartSeries Label="Volkswagon" LegendEntry="True">
            <Data>
                <Y1 DoubleValues="2, 2.5, 4.5, 6, 5.5" />
                <X>
                    <Values>
                        <cc1:ChartXData DoubleValue="2006" />
                        <cc1:ChartXData DoubleValue="2007" />
                        <cc1:ChartXData DoubleValue="2008" />
                        <cc1:ChartXData DoubleValue="2009" />
                        <cc1:ChartXData DoubleValue="2010" />
                    </Values>
                </X>
                <Y>
                    <Values>
                        <cc1:ChartYData DoubleValue="4" />
                        <cc1:ChartYData DoubleValue="5"/>
                        <cc1:ChartYData DoubleValue="6.5"/>
                        <cc1:ChartYData DoubleValue="7.3"/>
                        <cc1:ChartYData DoubleValue="6.6"/>
                    </Values>
                </Y>
            </Data>
        </cc1:BubbleChartSeries>
        <cc1:BubbleChartSeries Label="Hyundai" LegendEntry="True">
            <Data>
                <Y1 DoubleValues="2, 3, 4.5, 1.5, 1" />
                <X>
                    <Values>
                        <cc1:ChartXData DoubleValue="2006" />
                        <cc1:ChartXData DoubleValue="2007" />
                        <cc1:ChartXData DoubleValue="2008" />
                        <cc1:ChartXData DoubleValue="2009" />
                        <cc1:ChartXData DoubleValue="2010" />
                    </Values>
                </X>
                <Y>
                    <Values>
                        <cc1:ChartYData DoubleValue="6" />
                        <cc1:ChartYData DoubleValue="1"/>
                        <cc1:ChartYData DoubleValue="5"/>
                        <cc1:ChartYData DoubleValue="2"/>
                        <cc1:ChartYData DoubleValue="4"/>
                    </Values>
                </Y>
            </Data>
        </cc1:BubbleChartSeries>
        <cc1:BubbleChartSeries Label="Ford" LegendEntry="True">
            <Data>
                <Y1 DoubleValues="4.5, 4, 3.8, 3, 2" />
                <X>
                    <Values>
                        <cc1:ChartXData DoubleValue="2006" />
                        <cc1:ChartXData DoubleValue="2007" />
                        <cc1:ChartXData DoubleValue="2008" />
                        <cc1:ChartXData DoubleValue="2009" />
                        <cc1:ChartXData DoubleValue="2010" />
                    </Values>
                </X>
                <Y>
                    <Values>
                        <cc1:ChartYData DoubleValue="6" />
                        <cc1:ChartYData DoubleValue="2"/>
                        <cc1:ChartYData DoubleValue="3"/>
                        <cc1:ChartYData DoubleValue="4.6"/>
                        <cc1:ChartYData DoubleValue="5"/>
                    </Values>
                </Y>
            </Data>
        </cc1:BubbleChartSeries>
    </SeriesList>
 
<Footer Compass="South" Visible="False"></Footer>
 
<Axis>
<Y Visible="False" Compass="West">
<Labels TextAlign="Center"></Labels>
 
<GridMajor Visible="True"></GridMajor>
</Y>
</Axis>
</cc1:C1BubbleChart>