【问题标题】:How to get multiple lines in highcharts?如何在highcharts中获得多条线?
【发布时间】:2018-01-18 09:45:58
【问题描述】:

我希望 Xaxis 的多折线图采用 24 小时时间格式

在此代码中,xaxis 不是时间格式,我需要 xaxis 为今天的 24 小时时间,时间应从 00:00(12:00 am)开始到 00:00(11:59 pm)结束

数据就像下面的数组,它有时间和计数。是 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

【问题讨论】:

标签: javascript highcharts


【解决方案1】:

如果您想在 xAxis 上显示 24 小时范围,并且每隔一小时放置一次刻度,请将 xAxis 的 tickInterval 设置为一小时 (1000 * 60 * 60),并将 min 设置为特定日期的开始,@987654327 @ 结束特定的一天。看看下面的例子。

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/

【讨论】:

    猜你喜欢
    • 2013-11-09
    • 2014-06-09
    • 2019-09-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-21
    • 1970-01-01
    相关资源
    最近更新 更多