[Highcharts] 左右のy軸を利用する方法
以下のグラフは、東京と横浜の気温を表示しています。東京は10度、横浜は100度です(極端な例ですよ!)。 上のグラフを表示しているJavaScriptのコードを、以下に記します。 var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'sample-chart', type: 'line' }, title: { text: '東京と横浜の気温' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: [{ // 1番目のy軸 title: { text: '東京の気温' } },
【highcharts】 複数軸を設定したときに目盛線を共有しない方法
【highcharts】 複数軸を設定したときに目盛線を共有しない方法 2013/03/12 17:48 highchartsで設定されているオプションを見ていきます。 基本的には、Highcharts API Referenceの中から私が使えそうだと思ったものを取り上げていきますので、詳細だったり他の機能も見てみたい方はリンク元を参照してください。 ■alignTicks: 複数の軸を設定したときに右軸と左軸とで目盛線を共有したくない場合にalignTickを使います。 文だと何を言っているのか解らないと思うので、実際にグラフを見てみましょう。 デフォルトでは、alignTicksはtrue(有効)になっているので何も設定しないと以下のグラフになります。 通常私達が使っているのがこれになります。 次に、alignTicksをfalse(無効)に設定するとこのようになります。 グラフの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
