代码之家  ›  专栏  ›  技术社区  ›  ZombieChowder

高轴上X轴数据的绘制

  •  2
  • ZombieChowder  · 技术社区  · 7 年前

    我正在尝试绘制一些通过 HTTP 请求。我现在的问题是 the x-axis doesn't plot the timestamp correctly because it it's in Unix format . 我读过一些类似的问题,比如: Example One

    问题是我不会传递对象,而是直接传递 Unix time data . 当悬停图形时,可以看到 x-axis 无法正确显示日期和时间。

    以下是我当前的图表: Graph Fiddle

    1 回复  |  直到 7 年前
        1
  •  0
  •   Halvor Holsten Strand mtorres    7 年前

    既然你真的 datetime 值,显示它们使用 category 是一种技巧,如果点之间的间距不均匀,也无法正确显示点之间的间距。

    相反,您可以将两个数组合并成对,然后将其作为 日期时间 轴。你还得把你的 日期时间 值乘以1000将得到Highcharts所期望的毫秒。

    例如( JSFiddle ),合并:

    dataArray.push(selectedData);
    timeDataArray.push(selectedTime);
    
    var mergedArray = timeDataArray.map(function(e, i) {
        return [e*1000, dataArray[i]];
    });
    

    轴和系列:

    xAxis: {
        type: 'datetime'
    },
    series: [{
        name: 'AAPL',
        data: mergedArray
    }]