【Google chart tools】ComboChartでvAixsが使えない!

現在作っているwebサービスにてグラフの描写が必要であったので、Google chart toolsを使っています。

Google chart toolsは素晴らしいツールです。
簡単なのに(基本操作は)、とても綺麗なグラフが作成できます。

今回私が作りたいのは気候のグラフで、折れ線で気温を、棒で降水量を表現します。

目標の成果物はこんな感じです。

ComboChartを使うと複数のグラフを合成できます。

そこまでは問題なかったのですが、問題はここから。

左に単位「℃」、右に単位「mm」をつけるときに問題は起こりました。

ちなみに、X軸に単位「月」を入れるのは簡単でした。

hAxis: { 
        format: '#月',
},

オプションでhAxisを使えばいいのです。

hAsixはhorizontal(横)のh、
ということはvertical(縦)のvで、Y軸はvAxisになります。

これは推測ではなくて、あっているのです。

しかし、やりたいことがうまくできない。

vAxis: {
	0: {
		title: '気温',format:"#.#℃"
	},
	1: {
		title: '降水量',format:"#mm"
}

実はConboChartで2つ同時に指定するときは、vAxisではなくて

vAxes

を使うのです。

まさかの複数形!!

「一緒でいいやんッ!!」
って突っ込みたくなりますけどしょうがないです。

というわけで正解はこれでした。

vAxes: {
	0: {
		title: '気温',format:"#.#℃"
	},
	1: {
		title: '降水量',format:"#mm"
}

コメント

タイトルとURLをコピーしました