我的Highchart中的工具提示表现得很奇怪。它过着自己的生活。它没有显示我悬停点的工具提示,但随机显示任意点的工具提示。
这是一个JSFiddle示例:http://jsfiddle.net/AeV7h/9/
$(function () {
var data=[[28,0],[24,3],[16,10]];
var param= { WodTag: "cur_spd", Name: "Current speed", Color: "#C6C6C6", LineStyle: "Solid", SeriesType: "line", LineWidth: 2, TickInterval: null, MinValue: null, MaxValue: null, Decimals: 2 };
$('#container').highcharts({
chart: {
height: 700,
width: 400,
plotBorderWidth: 1,
plotBorderColor: '#E4E4E4',
},
xAxis: {
title: {
useHTML: true,
text: param.Name + "( m/s )",
},
gridLineWidth: 1,
min: param.MinValue,
max: param.MaxValue,
gridLineDashStyle: 'Dot',
tickInterval: param.TickInterval
},
yAxis: {
title: {
text: 'Depth(m)',
},
reversed: true,
tickLength: 50,
gridLineDashStyle: 'Dot'
},
title: {
text: null,
},
legend: {
enabled: false
},
credits: {
enabled: false
},
tooltip: {
useHTML: true,
formatter: function () {
return this.y;
}
},
series: [{
name: param.Name,
data: data,
color: param.Color,
dashStyle: param.LineStyle,
lineWidth: param.LineWidth,
type: "line"
}]
});
});
任何人都可以帮忙告诉我它为什么会这样,以及我如何解决它?
答案 0 :(得分:5)
您的问题是您的数据未按增加X值排序。如果您阅读了Series.data
文档(API):
注意数据必须按X排序才能使工具提示定位和数据分组正常工作。
在将数据交给Highcharts之前,您应始终对数据进行排序。 Highcharts不会对任何数据进行排序。为您的示例手动完成,您的数据应如下所示:
var data=[[16,10],[24,3],[28,0]];
与this JSFiddle demonstration一样,一切正常。