javascript - Highstocks 多个 x 轴或仅删除日期并使用编号

Question

我想通过 HighStocks 使用多个 x 轴。

我想比较不同日期期间的值。

如果我无法使用多个 x 轴，我想使用编号，例如将所有日期转换为点并使用 1,2,3,4,...

谢谢

Answer 1

要删除 hisshstock x 轴中的日期时间格式，请使用 xAxis.labels.formatter

xAxis: {
        labels: {
            formatter: function() {
                return this.value;
            }
        }
    }

如果我必须猜测，我假设您的数据跨越不同的时间范围，因此您正在寻找多个 x 轴，否则您拥有的另一个选择是显示自开始对两者进行正确比较以来耗时系列，在这种情况下，您想要显示您提到的原始值。在这里，您可能还想偏移数据，以便值落在单个 x 范围内，如下所示

function offsetData(data,offset){
    //Use the given time offset or use first timestamp
    offset=offset || data[0][0];
    var newData=[];
    for(var i=0;i<data.length;i++){
        newData.push([data[i][0]-offset,data[i][2]]);
    }
    return newData;
}

Aligning timeseries data over different timerange | Highcharts & Highstock @ jsFiddle

综上所述，highstock 中可以选择具有多个 x 轴

 series: [
        {
        name: 'series1',
        data: data1,
        xAxis: 0},

    {
        name: 'series2',
        data: data2,
        xAxis: 1}

    ],
    xAxis: [{
        min: data1[0][0]},
    {
        min: data2[0][0]}]

工具提示和 x 标签可能需要重新格式化以修复多个 x 轴的情况，我将其留给您作为练习；)

Multiple X-axis | Highcharts & Highstock @ jsFiddle