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
【反省】jsのreplaceの正規表現パターンはクォーテーションで囲む必要ない

タイトル通り。 いまさら!? ハマって、情けないと思ったのでメモ。 こんなんだっ …

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

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

js-logo
JSで背景色操作
js-logo
HTMLのコピー禁止とか、右クリックイベントとか

そういう要望があったので調べた。 ここが分かりやすい。 http://penta …

google-logo
jsonengine サーバサイド開発なしでGoogleAppEngineのデータを利用した動的画面の作成

[紹介] http://codezine.jp/article/detail/5 …