タグ

ブックマーク / david9142.wordpress.com (1)

  • Highchartsを使ってみた(3) 複合グラフ

    今回は前回作った折れ線グラフに棒グラフを追加しようと思います。 前回作成した折れ線グラフはこんな感じです。(ソースは「HighchartsSample1.zip」を参照) 作りたいグラフはこんな感じの、折れ線グラフと棒グラフが混在したものです。 (1) 2番目のY軸の追加 2番目のY軸として、電力使用量をグラフの右側に表示します。javascriptのyAxis部分を変更します。 yAxis: [{ title: { text: ‘節電率(%)’ } }, { title: { text: ‘電力使用量(万KW)’, style: { color: ‘#89A54E’ } }, opposite: true }], ポイントとしては、「opposite: true」の部分です。これを指定しないとグラフの右側にラベルが表示されません。 ブラウザで表示します。ちゃんと右側にラベルが表示されてい

    Highchartsを使ってみた(3) 複合グラフ
    oppara
    oppara 2013/07/27
    Highchartsを使ってみた(3) 複合グラフ | テスターですが何か?
  • 1