HIghcharts xAxis标签乱序

时间:2014-03-29 22:10:52

标签: highcharts

当缩放我每季度格式化的数据时,xAxis标签出现故障(即  第四季度在第二季度之前。)但工具提示是正确的。对于两者,我将格式设置为“%Y Q%Q”,%Q由以下内容定义:

Highcharts.dateFormats = {
    Q: function(timestamp) {
        var date = new Date(timestamp);
        switch(date.getMonth() + 1) {
            case 1: case 2: case 3: return 1;
            case 4: case 5: case 6: return 2;
            case 7: case 8: case 9: return 3;
            default: return 4;
        }
    }
}

任何想法或建议从哪里开始寻找都会很棒。我玩过不同的配置选项,但找不到任何影响它的东西。谢谢!

请参阅:http://research.stlouisfed.org/fred2/graph/graph-landing.php?id=GDPC1&cosd=2010-01-01&coed=2012-01-01

编辑:这是一个JS小提琴,其基本的高级图表显示同样的问题http://jsfiddle.net/MJCsw/1/

2 个答案:

答案 0 :(得分:0)

一般来说,它是highcharts(fredchart)的包装器,但在默认的highcharts中,您可以使用formatter(即工具提示或轴标签)和自定义格式。另外,您可以设置tickInterval,它将是31 * 24 * 3600 * 1000.

答案 1 :(得分:0)

我能够通过在季度计算中将date.getMonth()更改为date.getUTCMonth()来解决此问题。奇怪的是,没有它,工具提示是正确的,必须在工具提示上进行一些时区校正,而不是轴标签。