2017-08-21 5 views
0

x軸で24時間、各日付プロットで1行のマルチラインハイチャートを作成したいとします。私たちは4つのユニークな日付が日付に基づく複数行のハイチャート

2017年5月1日、2017年5月2日、2017年5月3日、2017年5月4日

、すなわち持っている。ここ

[{ 
     "date": "2017-05-01T02:50:26", 
     "value": 764.88 
    }, 
    { 
     "date": "2017-05-02T12:29:07", 
     "value": 978.66 
    }, 
    { 
     "date": "2017-05-04T08:30:20", 
     "value": 522.61 
    }, 
    { 
     "date": "2017-05-04T12:29:34", 
     "value": 762.7 
    }, 
    { 
     "date": "2017-05-02T11:09:56", 
     "value": 809.96 
    }, 
    { 
     "date": "2017-05-03T03:32:35", 
     "value": 736.94 
    }, 
    { 
     "date": "2017-05-04T12:56:53", 
     "value": 339.68 
    } 
] 

と私たちは各日付の4行を必要とします。しかし、x軸は時:分でなければならず、y軸は値です。 fiddleを作成しました。

答えて

0

xAxisラベルの表示方法を変更するには、の機能をxAxis.labels.formatterの内側に使用します。下記の例を見てください。

APIリファレンス:
http://api.highcharts.com/highcharts/xAxis.labels.formatter
http://api.highcharts.com/highcharts/Highcharts.dateFormat

例:
http://jsfiddle.net/x41vev1p/

+0

しかし、この場合はすべての4本のラインは、異なるx軸の範囲を持っています。しかし、私はすべてのラインがそれを使用するx軸で1つの範囲が欲しいです。私はx軸に00:00 - 24:00を持ちますが、それぞれの行に分けてはいけません。 –

+0

すべてのシリーズに同じタイムスタンプを設定するか、各シリーズを異なるxAxisに設定する必要があります。例:http://jsfiddle.net/bf8vLLbb/。 XXX @ d_paulより –

+0

です。それは私のために働いた。 –

関連する問題