如何在highcharts中获得多行?

时间:2018-01-18 09:45:59

标签: javascript highcharts

我想要一个多线图,Xaxis是24小时时间格式

在此代码中,xaxis不是时间格式我需要xaxis在今天的24小时内,时间应该从00:00(凌晨12:00)到00:00(晚上11:59)开始

数据类似于数组,它有时间和数量。是UTC时间

系列:

[
       {
  data: [
        [1369206795000, 1],
        [1369225421000, 3],
        [1369230934000, 2]
        ]},
        {
  data: [
        [1369206795000, 5],
        [1369225421000, 7],
        [1369230934000, 9]
        ]},
       {
  data: [
        [1369206795000, 4],
        [1369225421000, 6],
        [1369230934000, 9]
        ]}
        ]

reference for multiple line chart

1 个答案:

答案 0 :(得分:1)

如果要在xAxis上显示24小时范围,每小时打勾,请将xAxis的tickInterval设置为1小时(1000 * 60 * 60)并将min设置为特定的开始日期和max结束特定日期。看一下下面的例子。

API参考:
https://api.highcharts.com/highcharts/xAxis.tickInterval https://api.highcharts.com/highcharts/xAxis.min https://api.highcharts.com/highcharts/xAxis.max

例:
http://jsfiddle.net/pntuz40L/