amchartsを1画面に2つ以上配置してみる
概要
amChartsというリッチなグラフ描画ライブラリを使って、
1つのWebページに複数のグラフを配置します。
その際はdiv要素のidをコードと合わせ、styleで幅と高さを指定する必要があります。
目的
amChartsを使って1画面に2つ以上グラフを配置します。
備忘録的なあれ。
amcharts
リッチなグラフ描画フレームワーク。
かゆいところに手が届きます。
demoでぐりぐり動きますので確認してみてください。
実装
ハマりポイント
- グラフはそれぞれ新しくmakeCharts()する必要があります。
- makeCharts("id名", [各種config], [各種config], ...)という記法。もし表示できない場合はid名を確認しましょう。
- 実際のhtmlのグラフ表示divタグはstyleで幅高さ必須っぽいです。ない場合は表示されません。
<div id="chart1div" style="width:500px;height:300px;"></div>
<div id="chart1div"></div>←こっちがでてこないはずです