带有日期时间的 Highcharts 堆积条,无法设置开始日期
Highcharts stacked bar with datetime, not able to set start date
我正在尝试使用堆叠条来表示 up/down 随着时间的推移的状态。出于某种原因,我无法让开始日期正常工作。
这就是我想要的,但开始日期不会更新过去的纪元开始。
http://jsfiddle.net/t5d72ka5/4/
Highcharts.chart('container', {
chart: {
type: 'bar',
backgroundColor:'transparent',
zoomType:'y'
},
title: {
text: ''
},
xAxis: {
},
yAxis: {
//min: 1502236800000 or min: Date.UTC(2011, 4, 31)
type: 'datetime',
"tickInterval": 86400000,
"minTickInterval": 86400000,
dateTimeLabelFormats: {
day: '%Y %b %e'
},
title: {
enabled: false
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [
{
name: 'down',
data: [83621000],
color: 'red'
}, {
name: 'up',
data: [83621000],
color: 'green'
}, {
name: 'down',
data: [83621000],
color: 'red'
}, {
name: 'up',
data: [83621000],
color: 'green'
}]
});
我尝试添加开始日期的最小值:1502236800000 或使用 UTC,虽然它设置了正确的开始日期,但数据没有呈现。
还对数据值、pointStart 等进行了一些其他尝试,但这行不通。
我想 threshold
选项就是您要找的:
plotOptions: {
series: {
stacking: 'normal',
threshold: 1502236800000
}
},
现场演示: http://jsfiddle.net/BlackLabel/jyjfvoac/
API参考:https://api.highcharts.com/highcharts/series.column.threshold
我正在尝试使用堆叠条来表示 up/down 随着时间的推移的状态。出于某种原因,我无法让开始日期正常工作。
这就是我想要的,但开始日期不会更新过去的纪元开始。 http://jsfiddle.net/t5d72ka5/4/
Highcharts.chart('container', {
chart: {
type: 'bar',
backgroundColor:'transparent',
zoomType:'y'
},
title: {
text: ''
},
xAxis: {
},
yAxis: {
//min: 1502236800000 or min: Date.UTC(2011, 4, 31)
type: 'datetime',
"tickInterval": 86400000,
"minTickInterval": 86400000,
dateTimeLabelFormats: {
day: '%Y %b %e'
},
title: {
enabled: false
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [
{
name: 'down',
data: [83621000],
color: 'red'
}, {
name: 'up',
data: [83621000],
color: 'green'
}, {
name: 'down',
data: [83621000],
color: 'red'
}, {
name: 'up',
data: [83621000],
color: 'green'
}]
});
我尝试添加开始日期的最小值:1502236800000 或使用 UTC,虽然它设置了正确的开始日期,但数据没有呈现。
还对数据值、pointStart 等进行了一些其他尝试,但这行不通。
我想 threshold
选项就是您要找的:
plotOptions: {
series: {
stacking: 'normal',
threshold: 1502236800000
}
},
现场演示: http://jsfiddle.net/BlackLabel/jyjfvoac/
API参考:https://api.highcharts.com/highcharts/series.column.threshold