tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:<apex:chart>タグを使ってみた。

Winter'13で正式版がリリースされたとのことなので

<apex:chart>でのグラフ表示を試してみました。

 

次のグラフが表示できることを確認しました。

 

  1. 円グラフ

    f:id:tyoshikawa1106:20121127223025p:plain

  2. ドーナツグラフ

    f:id:tyoshikawa1106:20121125114428p:plain

  3. 棒グラフ

    f:id:tyoshikawa1106:20121124002014p:plain

  4. 積み上げ棒グラフ

    f:id:tyoshikawa1106:20121124002049p:plain

  5. ゲージグラフ

    f:id:tyoshikawa1106:20121124002058p:plain

  6. エリアグラフ

    f:id:tyoshikawa1106:20121124002108p:plain

  7. レーダーグラフ

    f:id:tyoshikawa1106:20121124002118p:plain

  8. 散布図
     f:id:tyoshikawa1106:20121124114703p:plain
  9. 折れ線グラフ

    f:id:tyoshikawa1106:20121128210038p:plain

  10. 折れ線ブラフ(複数)

    f:id:tyoshikawa1106:20121127001728p:plain 

  11. 棒グラフと折れ線グラフ

    f:id:tyoshikawa1106:20121128210316p:plain

 

グラフにマウスをあてると強調される機能もついてました。

それぞれのサンプルソースは別の記事で記載予定です。

 

-- 追記:2012 / 11 / 28 --

サンプルソースをまとめました。

 SFDC:円グラフの表示

 SFDC:ドーナツグラフの表示

 SFDC:棒グラフの表示

 SFDC:積み上げ棒グラフの表示

 SFDC:ゲージグラフの表示

 SFDC:エリアグラフの表示

 SFDC:レーダーグラフの表示

 SFDC:散布図の表示

 SFDC:折れ線グラフの表示

 SFDC:折れ線グラフ(複数)の表示

 SFDC:棒グラフと折れ線グラフ