以下の手順は、設計時に、およびソースコードを使用して、C1Compositeチャートに円グラフのデータを作成する方法を示します。

デザイナの場合

C1CompositeChartに円グラフを追加するには、次の手順に従います。

1. C1CompositeChartのスマートタグをクリックして、［C1CompositeChartのタスク］メニューを開きます。

2. CompositeChartSeriesコレクションエディタで、［追加］ボタンを１回クリックして、CompositeChartに１つのCompositeChartSeriesを追加します。次のようにメンバのプロパティを設定します。

   メンバ	Type	Label	Center
   3	Pie	abc	150, 150

3. PieSeriesListの横にある省略符ボタンをクリックしてPieChartSeriesコレクションエディタを開きます。

4. ［追加］を３回クリックして、CompositeChartに３つの新しいPieChartSeriesを追加し、次のように各メンバを設定します。

   メンバ	Label	Data	Offset
   0	MacBook Pro	46.78	15
   1	iMac	23.18	0
   2	MacBook	20.25	0

5. ［OK］をクリックして保存し、PieChartSeriesコレクションエディタを閉じます。［OK］をクリックして保存し、CompositeChartSeriesコレクションエディタを閉じます。

ソースビューの場合

C1CompositeChartに円グラフデータを追加するには、以下のソースコードを使用します。

<wijmo:C1CompositeChart ID="C1CompositeChart1" runat="server">
      <SeriesList>
          <wijmo:CompositeChartSeries Center="150, 150" Label="abc" LegendEntry="True"
                Type="Pie">
                <PieSeriesList>
                    <wijmo:PieChartSeries Data="46.78" HintContent="" Label="MacBook Pro"
                        LegendEntry="True" Offset="15">
                    </wijmo:PieChartSeries>
                    <wijmo:PieChartSeries Data="23.18" HintContent="" Label="iMac"
                        LegendEntry="True">
                    </wijmo:PieChartSeries>
                    <wijmo:PieChartSeries Data="20.25" HintContent="" Label="MacBook"
                        LegendEntry="True">
                    </wijmo:PieChartSeries>
                </PieSeriesList>
            </wijmo:CompositeChartSeries>
        </SeriesList>
       <Header Compass="North"></Header>
       <Footer Compass="South" Visible="False"></Footer>
       <Axis>
          <X>
               <GridMajor Visible="True"></GridMajor>
               <GridMinor Visible="False"></GridMinor>
          </X>
          <Y Visible="False" Compass="West">
           <Labels TextAlign="Center"></Labels> 
               <GridMajor Visible="True"></GridMajor>
               <GridMinor Visible="False"></GridMinor>
          </Y>
       </Axis>
</wijmo:C1CompositeChart>

このトピックの作業結果

次の図は、３系列のC1PieChartを示します。