如何使用动态的日期时间范围和每月间隔制作高位图表

问题描述 投票:1回答:1

我有一个值数组

[2.6, 3.2, 4.2, 3.3, 2.7, 4.5, 5.9, 2.7, 1.8, 1.7, 1.3, 1.8, 1, 1.4, 1.3, 1.4, 1.1, 1.1, 1, 1.4, 1, 1.4, 1.3, 1.5, 1.1, 1.2, 1.3, 1.3, 0.8, 0.9, 1, 1.1, 1, 1, 0.8]

以及开始日期-2016/08/01,即2016年9月

还有结束日期-2019/05/01,即2019年5月

我需要制作一个带有yAxis且带有]的图表>

min: 0.0
max: 6.0

datetime类型的xAxis

到目前为止,我已经有了这个配置

{
  yAxis: [
    {
      min: 0.0,
      max: 6.0,
      title: {
        text: 'Fill Days'
      }
    }
  ],
  xAxis: {
    type: 'datetime',
    min: Date.UTC(2016, 8, 1),
    max: Date.UTC(2019, 5, 1)
  },
  series: [{
    name: 'Some Name',
    type: 'spline',
    data: data.map((item, i) => [Date.UTC(Math.floor(2016 + (i / 12)), (8 * i) / 12, 1), item])
  }]
};

然而,Highchart看起来不正确-https://jsfiddle.net/1utjnyfL/1/

我想使它从Sep 16May 19每月递增,其中数据数组中的每个元素都被一个一个地取。

Sep 16 - 2.6
Oct 16 - 3.2
Nov 16 - 4.2
...
May 19 - 0.8

我有一个值数组[2.6、3.2、4.2、3.3、2.7、4.5、5.9、2.7、1.8、1.7、1.3、1.8、1、1.4、1.3、1.4、1.1、1.1、1、1.4、1 ,1.4、1.3、1.5、1.1、1.2、1.3、1.3、0.8、0.9、1、1.1、1、1、0.8]以及...

javascript highcharts
1个回答
0
投票

您不考虑您从一年的9月开始。更改映射后,它将可以正常工作。

© www.soinside.com 2019 - 2024. All rights reserved.