单个数组时间戳为多个序列的xAxis

Question

我不熟悉Java脚本和highcharts。如何将时间戳放入所有系列的单独共享数组中？

这样地：

 xAxis: { 
        data: [1577203210, 1577206808, 1577210408]
        }

       series: [{
                    name: 'one',
                    data: [1, 21, 8],
                },
                {
                    name: 'two',
                    data: [2,4,6],
                }]

我现在所拥有的

Highcharts.stockChart('container', {
  title: {
    text: 'Stock Price'
  },
  series: [{
      name: 'one',
      data: [
        [1577203210, 1],
        [1577206808, 21],
        [1577210408, 8],
      ],
    },
    {
      name: 'two',
      data: [
        [1577203210, 2],
        [1577206808, 4],
        [1577210408, 6],
      ],
    }
  ]
});

<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/data.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="https://code.highcharts.com/stock/modules/export-data.js"></script>

<div id="container" style="height: 400px; min-width: 310px"></div>

Lorem ipsum dolor坐在那里，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭，圣职献祭在有限的条件下，在有限的条件下，在有限的条件下进行锻炼。杜伊斯奥特鲁尔杜洛在谴责在波罗的海韦尔特埃塞西莱姆杜洛雷欧盟逃犯nulla pariatur。例外的情况下，不存在，必须在错误的地方，在错误的地方，莫利特和其他地方。

Answer 1

1. 您可以使用xAxis。categories功能将此数组分配给xAxis，但categories功能仅适用于Highcharts（不是Highstock），但是，您应该能够使用Highstock脚本将选项从Highstock合并到Highcharts。此解决方案的缺点是标签和工具提示以数字格式获取这些值，而不是数据时间

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

    let timestamp = [1577203210, 1577206808, 1577210408];

    Highcharts.chart('container', {
      title: {
        text: 'Stock Price'
      },

      xAxis: {
        categories: timestamp
      },
      ...
    });

要在datatime中显示x值，您需要使用一些解析函数，如下所示：

演示：https://jsfiddle.net/BlackLabel/2j3yswn5/

let categoriesTimeStamp = timestamp.map((val) => new Date(val).toUTCString())

但是，从Jan到1970，这个范围仍然是不完美的，因为Jan到1970的范围是不完美的。

大概是这样的：https://jsfiddle.net/BlackLabel/woht0vpk/

let data1 = [1, 21, 8],
        data2 = [2,4,6],
    xAxisData = [1577203210, 1577206808, 1577210408];

 data1 = data1.map((val, i) => [xAxisData[i], val])
 data2 = data2.map((val, i) => [xAxisData[i], val])