ComponentOne Studio MVC5 Classic ヘルプ
手順 3：プロジェクトの実行
MVC Classic ウィジェット > Chart ウィジェット > Wijpiechart > Wijpiechart チュートリアル > 手順 3：プロジェクトの実行

この手順では、アプリケーションを実行し、新しいデータやグラフ要素（X 軸と Y 軸のタイトル、グラフヘッダー、およびグラフラベルなど）を観察します。

  1. ［F5］を押して、アプリケーションを実行します。
  2. 以下を観察します。
    • 円グラフ系列のいずれかの上にホバーします。ツールチップにラベルプロパティの値やその系列の Y 値の説明が表示されることに注意してください。


      ツールチップは次のコードを使用したときに表示されます。
      ソースビュー
      コードのコピー 
      hint: {
content: function () {
return this.data.label + " : " + Globalize.format(this.value / this.total, "p2");
                   }
               },
    • 次のコードを使用すると、グラフヘッダーのタイトルが表示されることに注意してください。
      ソースビュー
      コードのコピー 
      header: {
text: "機種の割合"
               },
    • ５つのデータ系列に数値データを表示します。次のコードを使用し、この結果を達成します。
      ソースビュー
      コードのコピー 
      seriesList: [{
label: "種類1",
legendEntry: true,
data： 46.78,
offset: 15
               }, {
label: "種類2",
legendEntry: true,
data： 23.18,
offset: 0
               }, {
label: "種類3",
legendEntry: true,
data： 20.25,
offset: 0
               }, {
label: "種類4",
legendEntry: true,
data： 5.41,
offset: 0
               }, {
label: "種類5",
legendEntry: true,
data： 3.44,
offset: 0
               }],

 

 

Copyright © GrapeCity inc. All rights reserved.