GrapeCity ActiveReports for .NET 14.0J
3D円グラフ
ActiveReportsユーザーガイド > サンプルとチュートリアル > チュートリアル > セクションレポートのチュートリアル > グラフ > 3D円グラフ

円グラフは、量の比率を表すのに適しています。このチュートリアルでは、3D円グラフの作成方法を紹介します。

このトピックでは、以下のタスクを行います。

チュートリアルを完了すると、次のようなレポートが作成されます。

VisualStudioプロジェクトにActiveReportを追加する

  1. Visual Studioで新規プロジェクトを開きます。
  2. [プロジェクト]メニューから [新しい項目の追加]を選択します。
  3. [新しい項目を追加]ダイアログから[ActiveReports 14.0 セクションレポート(コード)]を選択し、ファイル名を「3DPieChart」に変更します。
  4. [追加]ボタンをクリックします。

詳細については、「クイックスタート」を参照します。

レポートにChartコントロールを追加する

  1. ツールボックスから、レポートのデザイナ面に[Chart]をドラッグします。
  2. グラフウィザードが表示されたら、[キャンセル]をクリックします。
    ヒント: グラフを追加する際にグラフウィザードを表示したくない場合は、[ウィザードの自動起動]チェックボックスをオフにします。ウィザードは[プロパティ]ウインドウの下部にあるコマンドのセクションからアクセスできます。
  3. [プロパティ]ウィンドウ]で、以下のプロパティを設定します。
    プロパティ名 プロパティの値
    Location 0, 0in
    Size 6.5, 3.5in
  4. レポートエクスプローラ」で、[Detail1]を選択し、[プロパティ]ウィンドウからHeightプロパティを「3.5」に設定します。
  5. デザイナ面で、グレーの領域をクリックし、[プロパティ]ウィンドウからPrintWidthプロパティを「6.5」に設定します。

Chartに系列とデータ点を追加する

 

  1. Chartコントロールを選択し、[プロパティ]ウィンドウのSeries (Collection)プロパティをクリックし、表示される<...>をクリックします。
  2. [Series コレクションエディター]で、[Series1]がデフォルトで選択されています。Series1のプロパティを以下のように変更します。
    プロパティ名 プロパティの値
    ColorPalette Confetti
    Type Doughnut3D
     
  3. Points (Collection)プロパティをクリックし、表示される<...>ボタンをクリックします。
  4. [DataPoint コレクションエディター]で、[追加]ボタンをクリックしてデータ点を追加します。
  5. [DataPoint コレクションエディター]で、[プロパティ]ウィンドウから以下のプロパティを設定します。
    プロパティ名 プロパティの値
    LegendText バナナ
    YValues 19
    Properties>ExplodeFactor 0.5
  6. [追加]ボタンをクリックし、データ点を追加します、
  7. [DataPoint コレクションエディター]で、[プロパティ]ウィンドウから以下のプロパティを設定します。
    プロパティ名 プロパティの値
    LegendText ストロベリー
    YValues 15
  8. [追加]ボタンをクリックし、データ点を追加します、
  9. [DataPoint コレクションエディター]で、[プロパティ]ウィンドウから以下のプロパティを設定します。
    プロパティ名 プロパティの値
    LegendText オレンジ
    YValues 37
  10. [追加]ボタンをクリックし、データ点を追加します、
  11. [DataPoint コレクションエディター]で、[プロパティ]ウィンドウから以下のプロパティを設定します。
    プロパティ名 プロパティの値
    LegendText マンゴー
    YValues 21
  12. [OK]をクリックします。
  13. [Series コレクションエディター]では[メンバー]の下の[Series2][Series3]を選択し、[削除]ボタンをクリックします。
  14. [OK]をクリックします。

Chartのプロパティを設定する

  1. [Chart]コントロールを選択し、[プロパティ]ウィンドウの[ChartAreas(Collection)] をクリックし、表示される<...>をクリックします。
  2. [ChartArea コレクションエディター]で、Projectionプロパティノードを展開し、VerticalRotationプロパティを「50」に設定します。これにより、円グラフの上面がよく見えるようになります。
  3. [OK]をクリックし、レポートのデザイナ面に戻ります。
  4. [Chart] コントロールを選択し、[プロパティ]ウィンドウのTitles (Collection)プロパティをクリックし、表示される<...>をクリックします。
  5. [Title コレクションエディター]ではHeaderプロパティに以下のプロパティを設定します。
    プロパティ名 プロパティの値
    Text 3D円グラフ
    Font Size 14
  6. [メンバー]のFooterを選択し、[削除]をクリックします。
  7. [OK]をクリックし、レポートデザイナ面に戻ります。

レポートを表示する

または