BubbleChart for ASP.NET Web Forms
手順 2:コントロールへのデータの追加
クイックスタート > 手順 2:コントロールへのデータの追加

この手順では、3つの独立した値を X BubbleChartSeriesY BubbleChartSeries、および Y1 BubbleChartSeries に追加します。また、系列の記号とラベルも変更します。

  1. BubbleChart スマートタグをクリックし、[C1BubbleChart タスク]メニューから シリーズ一覧 を選択します。
    BubbleChartSeries コレクション エディターが表示されます。
  2. BubbleChartSeries コレクション エディターで、〈追加〉ボタンを5回クリックして、新しい BubbleChartSeries を BubbleChart に追加します。
  3. メンバを選択し、BubbleChartSeries に以下のプロパティを設定します。ChartXDataChartYData、Y1 の各値に DoubleValue を使用します。
メンバ ラベル XData YData Y1Data
0 A社

2006,2007, 2008, 2009, 2010

5, 6, 8, 7, 8.5 4, 4.4, 5.1, 5.5, 5.7
1 B社 2006, 2007, 2008, 2009, 2010 3, 4, 6, 7.5, 8 2, 2.5, 3, 4, 5
2 C社 2006, 2007, 2008, 2009, 2010 4, 5, 6.5, 7.3, 6.6 2, 2.5, 4.5, 6, 5.5
3 D社 2006, 2007, 2008, 2009, 2010 6, 1, 5, 2, 4 2, 3, 4.5, 1.5, 1
4 E社 2006, 2007, 2008, 2009, 2010 6, 2, 3, 4.6, 5 4.5, 4, 3.8, 3, 2

これで、ソースコードは次のようになるはずです。

ソースコード
コードのコピー
<cc1:C1BubbleChart runat="server">
<Animation Duration="500" Easing="EaseOutElastic"></Animation>
 
    <SeriesList>
        <cc1:BubbleChartSeries Label="A社" 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="B社" 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="C社" 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="D社" 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="E社" 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>
関連トピック