在 Highcharts 中正确显示 Xvalues 数据答案

【问题标题】：Display Data with Xvalues correctly in Highcharts在 Highcharts 中正确显示 Xvalues 数据
【发布时间】：2020-01-02 11:59:53
【问题描述】：

所以我有两个数组值，即 X 轴和 Y 轴如下所示：

//For X-axis
var countArray = ["2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30" ...] 

//For Y-axis
var numArray = [1,4,5,3,5,4,5,4,5,4,5,3,5,3,5,4,5,6,4,5,4,5,4,5,,3,5,3,4,4,5,3,5,3,34,5,4,4,5,34,5,3,5,3,3,4,5,2,5,12,5,3,2,5,2,3,4,5,2,3,5,2,3,3,3,32,34,2,1,4,5,3,5,4,5,4,5,4,5,3,5,3,5,4,5,6,4,..]

问题是我想根据上述数据绘制一个 Highchart，但无法继续我的方法。

在这里你可以看到我尝试过的小提琴。

https://jsfiddle.net/abnitchauhan/urxnpb9L/

我只想绘制上述数据的数据，并在 X 轴标签中显示截至 1 秒的间隔。

非常感谢任何帮助

【问题讨论】：

标签： javascript arrays highcharts

【解决方案1】：

您可以使用 startPoint 功能来创建此图表，并将 pointInterval 设置为 1000，即等于一秒。

var numArray = [1,4,5,3,5,4,5,4,5,4,5,3,5,3,5,4,5,6,4,5,4,5,4,5,3,5,3,4,4,5,3,5,3,34,5,4,4,5,34,5,3,5,3,3,4,5,2,5,12,5,3,2,5,2,3,4,5,2,3,5,2,3,3,3,32,34,2,1,4,5,3,5,4,5,4,5,4,5,3,5,3,5,4,5,6,4];


var chart = Highcharts.chart('container', {
  xAxis: {
    type: 'datetime'
  },

  plotOptions: {
    series: {
      pointStart: Date.UTC(2018, 11, 30, 14, 12, 30),
      pointInterval: 1000 // one second = 1000 miliseconds
    }
  },

  series: [{
    data: numArray
  }]
});

演示：https://jsfiddle.net/BlackLabel/y5Lu4hnm/

API：https://api.highcharts.com/highcharts/series.line.pointStart

【讨论】：

不想使用 startPoint 功能。我需要使用上面数据中的确切数组值..即使它是字符串
我明白了，但是这些字符串是相同的——第二个值没有区别——如果你想使用这个数据，你需要更改它们的第二个值并将它们设置为 xAxis.categories 属性.演示：jsfiddle.net/BlackLabel/9ucep0sL
但数据点和 X 轴值的长度相同。我们可以做一些显示所有数据的事情吗？
不。使用 startPoint 功能或定义每个 x 值。