Highcharts X轴不同的日期范围

我写了下面的代码,它为选定的日期(到和从日期)生成一个面积图。

$(document).ready(function() {

var options = {

"series": [{

"showInLegend": false,

"color": "#D0D0D0",

"name": "Revenue",

"data": [0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]}],

"credits": {

"enabled": false

},

"chart": {

"renderTo": "highchart_id",

"defaultSeriesType": "area",

"shadow": true

},

"title": {

"text": null,

"align": "center",

"x": 0,

"y": 20

},

"xAxis": {

"type": "datetime",

"dateTimeLabelFormats": {

"month": "%e. %b",

"year": "%b"

},

"labels": {

"enabled": "false"

}

},

"legend": {

"enabled": true

},

"yAxis": {

"title": {

"text": ""

},

"labels": {

"enabled": true

}

},

"plotOptions": {

"area": {

"stacking": "normal",

"lineColor": "#3E3E3E",

"lineWidth": 3,

"marker": {

"lineWidth": "1",

"lineColor": "#3E3E3E",

"states": {

"hover": {

"enabled": true,

"radius": 1

}

}

}

},

"series": {

"pointStart": 1335823200000,

"pointInterval": 86400000

}

}

};

var chart = new Highcharts.Chart(options);

});​

x轴上的日期间隔要少一天。在这里,序列值2代表10 May,而图中9代表9。

我是这个新手,对于任何需要解决的问题,请给我提供解决方案的建议,并让我知道。

最佳答案

在声明图表之前尝试添加此代码

Highcharts.setOptions({

time: {

useUTC: false

}

});

默认情况下,highchart使用的UTC时间。通过在上面添加代码,它将使用浏览器的时区。

以上是 Highcharts X轴不同的日期范围 的全部内容, 来源链接: www.h5w3.com/122629.html

回到顶部