Highcharts日期格式随数据变化

时间:2014-10-24 19:29:01

标签: javascript jquery highcharts

我使用Highcharts创建折线图。我要做的是确保x轴上的日期格式采用这种格式"%b%e"。因此,例如,06/27/2014表示为Jun 17。

但是,根据我拥有的数据,即使我正确设置日期格式,highcharts也会在图表中自动更改。

在这个jsfiddle http://jsfiddle.net/uw2j06gc/中,您可以看到只添加一些数据(通过取消注释某些行)正在改变日期格式。为什么呢?

    $(document).ready(function() {        
        $('#container').highcharts({
        xAxis: {
            type: 'datetime',
                    dateTimeLabelFormats: {
                        month: '%b %e'
                    }
                },
        credits: {
            enabled: false
        },
        series: [{
            data: [ 
           //if you uncomment the following 3 lines, the date format changes to Month-Day. Otherwise, it's Day-Month
           //         [Date.UTC(2014, 4, 27), 26],
           //         [Date.UTC(2014, 5, 3), 10],
           //         [Date.UTC(2014, 6, 27), 26],
                    [Date.UTC(2014, 7, 3), 10],
                    [Date.UTC(2014, 8, 27), 26],
                    [Date.UTC(2014, 9, 3), 10],
                    [Date.UTC(2014, 10, 9), 15],
                    [Date.UTC(2014, 11, 15), 40]
            ]
        }]
    });
});

1 个答案:

答案 0 :(得分:2)

因为Highcharts动态设置DateTime的范围。如果数据在周限内,您应该添加:

week:'%b %e'

和白天:

day: '%b %e'

添加这些内容,您将获得一天,一周和一个月的范围,其中包括'%b%e'格式。