[Google Charts] JSONファイルを読み込んでグラフを描画
前頁Google Charts でTool Tipをカスタマイズで描画したグラフは、データ部分をコードに直接書いていました。 このデータを外部から取得できるようにすれば、汎用性が高まりそうです。 今回は、データをJSON… 続きを読む »
前頁Google Charts でTool Tipをカスタマイズで描画したグラフは、データ部分をコードに直接書いていました。 このデータを外部から取得できるようにすれば、汎用性が高まりそうです。 今回は、データをJSON… 続きを読む »
Google Charts はデフォルトでツールチップが用意されており、特にロジックを組まなくても、グラフ上でマウスオーバーすると何らかの情報が表示されるようになっています。 このツールチップにもう少し詳細な情報を入れた… 続きを読む »
一つのWebページ上で、複数の異なるグラフを表示したいシーンは少なくありません。 基本的には、描画したいグラフごとに関数を定義し、それぞれをコールバックに指定することで事足ります。 が、描画したいグラフの種類によっては、… 続きを読む »
Google Charts はGoogleが提供している、データを視覚化できるフリーのライブラリ群です。 Javascript形式で記述することで、比較的簡単に、ブラウザ上にグラフを表示することができます。 同じくGoo… 続きを読む »
Google Chartsで積み上げ棒グラフを作成してみます。 Google Chartsのチュートリアルを参考にしました(URL)。 このような積み上げ棒グラフを描画します。マウスオーバーすると、ツールチップで値表示も… 続きを読む »