1

我想multiple x axis使用 HighStocks。

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

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

谢谢

4

1 回答 1

1

要删除 hishstock 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;
}

在不同的时间范围内对齐时间序列数据 | 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-labels 以修复多个 x 轴情况，我把它留给你作为练习；）

多X轴| Highcharts & Highstock @ jsFiddle

于 2012-10-21T18:34:25.700 回答