For Want Of A Better Word

[javascript|js]Google Chart Toolsをテーブルのデータから描画 + jsでチャートタイプ切替

   

※Jquery,Bootstrap font-awesome使用

表示エリアID  = chart_div

制御ボタンとチャート描画エリアを作成

 

[HTML内JS]

各ボタンへのイベントセットと、

GoogleChartToolsライブラリの読み込み。

そのCallbackで初期表示。(しなくてもよひ…)

 

[JS関数側]

 

 

 

・init_google_chartsでテーブルからデータの取得と、chart毎の描画処理を作成しておいて、引数を元に振り分け。

・テーブルデータの取得は、タイトル列と、value列を指定して配列として取得する感じ。

・chart毎の描画処理の違いは最後から2行目の下記の部分。

 

 

・一応データの形式も違う場合は、先に取得しているデータ取得処理を、chart毎描画処理に持っていったほうがよさそう。

 

 

 - javascript | js

  関連記事

js-logo
【説明はちゃんと読もう!】Jquery PageSlideが動かない

ここの奴。 http://coliss.com/articles/build-w …

js-logo
[javascript | js]ナビゲーションのリンクURLを現在のURLを比較して、一致したものは強調

本ページのURL(相対パス、クエリなし)とaタグのhrefが一致したらクラスを設 …

js-logo
Jquery_Ui サンプル探し

インターアクション (Interactions) Draggable/Dropp …

js-logo
【js】cookieから名前指定で値を取る。

 

js-logo
【javascript】コールバック関数 クロージャ

[参考] http://dqn.sakusakutto.jp/2009/01/j …