Highchart工具提示的奇怪行为

时间:2014-08-15 13:06:19

标签: highcharts hover tooltip highlight highstock

我的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"
        }]
    });
});

任何人都可以帮忙告诉我它为什么会这样,以及我如何解决它?

1 个答案:

答案 0 :(得分:5)

您的问题是您的数据未按增加X值排序。如果您阅读了Series.data文档(API):

  

注意数据必须按X排序才能使工具提示定位和数据分组正常工作。

在将数据交给Highcharts之前,您应始终对数据进行排序。 Highcharts不会对任何数据进行排序。为您的示例手动完成,您的数据应如下所示:

var data=[[16,10],[24,3],[28,0]];

this JSFiddle demonstration一样,一切正常。