Highcharts将日期显示为JSON数据的系列标签?

时间:2013-08-07 18:13:07

标签: highcharts

我的数据可以是每周或每月,以json的形式返回。

有人可以解释我如何才能将有效负载中的系列返回到每个系列的组中?也就是说,将x轴显示为标签?

我想使用一个图表来显示(每周,每月,每天)json数据有效负载,但只使用一个图表来显示任一时间片的json有效负载。

例如:

每周有效负载:

[
     {
        "date-label":"Week 24",
        "series1":789118,
        "series2":49475,
     },
     {
        "date-label":"Week 25",
        "series1":5759546,
        "series2":286657,
     }
 ]

每月有效负载:

[
     {
        "date-label":"June",
        "series1":789118,
        "series2":49475,
     },
     {
        "date-label":"July",
        "series1":5759546,
        "series2":286657,
     }
 ]

1 个答案:

答案 0 :(得分:1)

你有多少分?

如果只有一对(~10?)你可以使用类别,那么结果应该是:

new Highcharts.Chart({
  xAxis: {
    categories: ['June', 'July' ... ]
  }, 
  series: [{
    data: [123, 124 ...]
  }, {
    data: [123, 124 ...]
  }]
});  

如果您有更多积分,因此无法显示所有类别,您需要将格式从“第24周”或“6月”更改为时间戳,如下所示:

new Highcharts.Chart({
  xAxis: {
    type: 'datetime'
  }, 
  series: [{
    data: [[timestamp, 123], [timestamp, 124] ...]
  }, {
    data: [[timestamp, 123], [timestamp, 124] ...]
  }]
});  

其中timestamp以毫秒为单位。