Highstocks多个x轴或只删除日期和使用编号

时间:2012-10-21 15:29:31

标签: javascript highcharts highstock

我想使用HighStocks multiple x axis

我想比较不同日期的价值观。

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

由于

1 个答案:

答案 0 :(得分: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;
}

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

如上所述,在高股票中可以选择具有多个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