在钻取时将X轴类型从类别更改为日期时间

时间:2013-08-14 14:24:47

标签: php javascript html highcharts

是否可以在下钻时将图表的x轴类型从类别更改为日期时间?我有堆叠列样式图,其中每列是不同的类别。当我点击其中一列时,我想深入查看具有日期时间x轴的该类别的专用列图。

我已成功深入到另一个类别样式图,并将每个类别设置为日期范围内的一天,但使用日期时间格式会好得多。

这是我正在运行的“onClick”代码,试图这样做。显然,数据是样本数据,只是为了简单起见。目前,这会使Firefox内存限制崩溃。

甚至可以像这样动态切换x轴类型吗?

function setChart() {



    while(hChart.series.length > 0){
        hChart.series[0].remove();
    }


    hChart.xAxis[0].update({
        type: 'datetime'
    });

    console.log(hChart.xAxis[0]);


    data = [
            [Date.UTC(2010, 0, 1), 5],
            [Date.UTC(2010, 0, 2), 11],
            [Date.UTC(2010, 0, 3), 3],
            [Date.UTC(2010, 0, 6), 7],
            [Date.UTC(2010, 0, 7), 4],
            [Date.UTC(2010, 0, 8), 1]
    ];
    console.log(data);



    hChart.addSeries({
       type: 'column',
      data: data,
    }, false);

    hChart.redraw();
}

2 个答案:

答案 0 :(得分:6)

对于仍在寻找答案的人。解决方案是:

在数组中定义X轴

(quote anything)

深入了解每个系列

xAxis: [{
          id: 0,
          type: 'category'
        }, {
          id: 1,
          type: 'datetime'
        }]

答案 1 :(得分:1)

不幸的是,此选项不可用,您需要销毁并创建新图表。