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

  関連記事

[javascript|js]テーブルソート/フィルタ ライブラリお気に入り

Data table こいつはマジで便利。 http://holt59.gith …

selectedを動的につけているセレクトボックスの選択解除・リセット

ちょっと、セレクトボックスのリセットをしたく調査。 下記のリンク先の記述のように …

JavaScript本格入門メモ

該当書籍について、気になったところをメモしていく。 第1章:イントロダクション …

JSONPセキュリティ

http://gihyo.jp/dev/serial/01/web20sec/0 …

onloadイベントのjsからの設定

HTMLコードをいじらないで、jsでイベントを追加したい。bodyに。 jque …