我试图制作一个高压线图,但我遇到了一个问题,即在X轴上对齐点与刻度线。
以下是我的图表的一些代码片段。
jQuery('#chart-area').highcharts('StockChart', {
xAxis: {
minRange: 7 * 24 * 3600000,
minTickInterval: 24 * 3600000
},
rangeSelector: {
inputEnabled: true,
selected: 1,
buttons: [
{
type: 'week',
count: 1,
text: '1w'
},
{
type: 'week',
count: 2,
text: '2w'
},
{
type: 'month',
count: 1,
text: '1m'
},
{
type: 'month',
count: 2,
text: '2m'
},
{
type: 'month',
count: 3,
text: '3m'
},
{
type: 'month',
count: 6,
text: '6m'
}
]
},
title: {
text: 'Test Execution Trend'
},
subtitle: {
text: $scope.currentStream
},
series: [
{
name: 'Test Success Percentage',
pointInterval: 24 * 3600 * 1000,
data: $scope.data,
marker: {
enabled: true,
radius: 3
},
shadow: true,
tooltip: {
valueDecimals: 0
}
}
]
}
);
});
}
我甚至不知道为什么会发生这种情况。我的代码有问题吗?
这是jsfiddle http://jsfiddle.net/U85D6/
答案 0 :(得分:1)
问题是您的数据不是在特定日期开始的,而是大约16:00。 Highcharts蜱位于00:00。这个例子应该更好地解释你:http://jsfiddle.net/U85D6/1/
我加入了
tooltip: {
xDateFormat: '%A, %b %e, %H:%M'
},
显示积分的完整日期。