Javascript Highcharts日期时间刻度开始和间隔
数据从周一早上6点开始,每小时有一个数据点。我很难让xAxis刻度线在周一早上6点读取,并且每24小时重复一次 有什么建议吗?这是一把小提琴 以下是我的主要绘图功能:Javascript Highcharts日期时间刻度开始和间隔,javascript,highcharts,data-visualization,Javascript,Highcharts,Data Visualization,数据从周一早上6点开始,每小时有一个数据点。我很难让xAxis刻度线在周一早上6点读取,并且每24小时重复一次 有什么建议吗?这是一把小提琴 以下是我的主要绘图功能: var dayInMilliseconds = 3600 * 1000 * 24; $(function () { $('#chart1').highcharts({ chart: { type: 'area' }, title: {
var dayInMilliseconds = 3600 * 1000 * 24;
$(function () {
$('#chart1').highcharts({
chart: {
type: 'area'
},
title: {
text: 'Orders'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
// month: '%A',
},
// tickInterval: dayInMilliseconds,
title: {
text: null
},
labels: {
align: 'left',
x: 3
},
// startOnTick: true,
// endOnTick: true,
// min: 1413352800000,
},
yAxis: {
title: {
text: null
},
min: 0,
},
legend: {
enabled: false
},
plotOptions: {
area: {
marker: {
enabled: false,
symbol: 'circle'
},
lineWidth: 0,
fillOpacity: 1,
// pointStart: 1413352800000,
},
},
series: [{
name: '1',
color: '#edc54b',
data: seriesData[0].data
},{
name: '2',
color: '#edc54b',
data: seriesData[1].data
},{
name: '3',
color: '#edc54b',
data: seriesData[2].data
},{
name: '4',
color: '#edc54b',
data: seriesData[3].data
},{
name: '5',
color: '#edc54b',
data: seriesData[4].data
},{
name: '6',
color: '#edc54b',
data: seriesData[5].data
},{
name: '7',
color: '#fbd046',
data: seriesData[6].data
}]
});
});
您的seriesData是什么样子的?你能用数据更新来重新创建整个图表吗?更新了你的JSFIDLE@SebastianBochan你有一个时间戳像1413352800000,这是第一个,运行函数new Date1413352800000,你会注意到它返回的是周三2014年10月15日08:00:00 GMT时间,所以它被转换,然后被正确打印。您可以使用偏移/尝试禁用UTC