gpt4 book ai didi

javascript - Highcharts 日期在 x 轴上未正确显示

转载 作者:行者123 更新时间:2023-12-02 16:10:03 25 4
gpt4 key购买 nike

我是 highcharts 的新手,使用 Arearange 图表很简单。我正在尝试设置要绘制图表的数据,这“技术上”是有效的。它以纪元时间读取,所以我已经完成了所有设置。所有日期都是正确的。然而,当它被绘制成图表时,无论出于何种原因,它似乎只是在 x 轴上显示月份/日期的“01/17”。日期跨越多个月,您可以在我下面提供的 fiddle 中看到它。

http://jsfiddle.net/4azb64t7/

var data = [
[1419465600, 5, 20],
[1420848000, 20, 30],
[1422144000, 30, 40],
[1423526400, 45, 50],
[1424390400, 35, 40],
[1425168000, 30, 35]
];

(function ($) {
$(function () {
$('#container').highcharts({

chart: {
type: 'arearange',
zoomType: 'x'
},

title: {
text: 'Amount of daily players'
},

xAxis: {
type: 'datetime',
labels: {
formatter: function () {
return Highcharts.dateFormat('%m/%d', this.value);
}
},
tickPixelInterval: 200
},

yAxis: {
title: {
text: null
}
},

tooltip: {
crosshairs: true,
shared: true,
valueSuffix: 'players'
},

legend: {
enabled: false
},

series: [{
name: 'Players',
data: data
}]
});
});
})(jQuery);

在 var 数据中,它按纪元时间变化,然后是面积范围图表的低/高数字。从上到下按日期排序。但是如果你看一下输出,他们都说01/17,这是为什么?

最佳答案

Highcharts 的时间图必须以毫秒为单位。 http://jsfiddle.net/4azb64t7/2/

var data = [
[142084800000, 20, 30],
[142214400000, 30, 40],
[142352640000, 45, 50],
[142439040000, 35, 40],
[142516800000, 30, 35]
];

关于javascript - Highcharts 日期在 x 轴上未正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30312709/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com