Highcharts - 不同的显示月份

时间:2013-05-20 08:34:12

标签: jquery highcharts

我是使用highcharts的新手,并以身作则。 在highcharts中显示一些数据时我遇到了问题。

这是我的系列数据(var_dump)

'series_data' => string '[ 
{name:'Inmobi',data:[
    [Date.UTC(2013, 05, 01),311328],[Date.UTC(2013, 05, 02),363780],
    [Date.UTC(2013, 05, 03),364062],[Date.UTC(2013, 05, 04),283128],
    [Date.UTC(2013, 05, 05),322608]] },
{name:'Buzz City',data:[
    [Date.UTC(2013, 05, 01),363216],[Date.UTC(2013, 05, 02),404670],
    [Date.UTC(2013, 05, 03),370783],[Date.UTC(2013, 05, 04),459942],
    [Date.UTC(2013, 05, 05),569499]] }]' 

当它显示在highcharts中时,月份会转移到6月(应该是5月)。 https://www.dropbox.com/s/girftyfs8a71n9k/highcharts.jpg

我想知道问题是什么。

这是highcharts渲染器脚本

<script language="javascript">
var chart_type = 'column';
var series_data = <?=$series_data?>;

    var chart;
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'site_statistics',
        type: chart_type
        },
        title: {
            text: 'Ad Spend',
            x: -20 //center
        },
        xAxis: {
            title: {
                text: 'Date '
            },
        type: 'datetime',
            dateTimeLabelFormats: {
                minute: '%H:%M',
                hour: '%H:%M',
                day: '%e %b',
                week: '%e %b',
                month: '%b \'%y',
                year: '%Y'
        },
        tickInterval: 24 * 3600 * 1000 
        },
        yAxis: {
            title: {
                text: 'Cost '
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            formatter: function() {
                    return '<b>'+ this.series.name +'</b><br/>'+
                    Highcharts.dateFormat('%a %d %b',this.x)  +': '+ accounting.formatMoney(this.y, "Rp", 0, ".", "") +'';
            }
        },
        credits: {
            enabled: false
        },
        series: series_data
    });

我非常感谢您的帮助。

问候

2 个答案:

答案 0 :(得分:1)

这是正确的,因为在Highcharts中,默认月份的名称从0到11开始。 从1月1日到12月11日。

enter image description here

因此,对于五月份,您应该写出4而不是5。

答案 1 :(得分:1)

日期将接受月份值0 - 11. 0是1月,11是12月。所以6对六月的参考。

Check the documentation of javascript date object