HighCharts显示错误的月份

时间:2017-10-06 05:37:07

标签: javascript highcharts

我目前正在使用HighCharts将一些数据嵌入我的用户界面,显示过去7天的销售利润,这是我目前使用的Javascript:

function weeks_ago(date_object) {
        var d = new Date();
        var newDate = d.setDate(d.getDate()-6);
        var date = new Date(newDate);
        return date.getDate();
}

var d = new Date();

function createGraph(jsonObj) {
    $('#container').highcharts({
        credits: {
            enabled: false
        },
        chart: {
            type: 'line'
        },
        title: {
            text: 'Profit Graph'
        },
        subtitle: {
            text: 'Data from the past week'
        },
        xAxis: {
            type: "datetime",
               dateTimeLabelFormats: {
                    month: "%e. %b",
                    year: "%b"
                }
        },
        yAxis: {
            title: {
                text: 'Profit'
            },
            min: 0
        },
        tooltip: {
            formatter: function() {
                return '<span style="color:#33333;">'+this.series.name +': '+ Highcharts.numberFormat(this.y,0);
            }
        },
        series: [
            {
                name: 'Platform1',
                data: jsonObj.Platform1,
                pointStart: Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), weeks_ago(new Date())),
                pointInterval: 24 * 3600 * 1000,
                color: '#55CCA2',
            }, {
                name: "Platform2",
                data: jsonObj.Platform2,
                pointStart: Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), weeks_ago(new Date())),
                pointInterval: 24 * 3600 * 1000,
                color: '#3498db',
            }
        ]
    });
};

我的jsonObj数组包含以下内容:

{"Platform1":[0,0,0,14580,105585,75410,19212],"Platform2":[0,0,0,0,0,0,0]}

但出于某种原因,我的图表显示在10月30日至11月5日期间?数据点位于正确的位置,只是xAxis标签错误。

1 个答案:

答案 0 :(得分:1)

您的函数weeks_ago会在6天前返回日期。但是,当您设置pointStart时,设置日期,而不是月份和年份。所以今天你有以下几点:

Today: 2017 10 06
Today - 6 days = 2017 09 30
You set pointStart = Date.UTC(2017, 10, 30).

因此,如果您创建了返回月份和年份的新函数,则可以使其正常工作。

或者更改它以便weeks_ago返回日期对象,如下所示:

function weeks_ago(date_object) {
    var d = new Date();
    var newDate = d.setDate(d.getDate()-6);
    return new Date(newDate);
}

pointstart: Date.UTC(weeks_ago(new Date()).getUTCFullYear(),
                     weeks_ago(new Date()).getUTCMonth(), 
                     weeks_ago(new Date()).getDate())