我正在使用此代码生成Highcharts工具提示:

tooltip: {
shared: true,
crosshairs: true,
formatter: function () {
    var s = '<b>' + Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) + '</b>';

    $.each(this.points, function (i, point) {
        s += '<br/>' + point.series.name + ': ' + point.y + ' m/s';
    });

    return s;
}


}

它非常适合将spline用作defaultSeriesType的图表,但不适用于散点图。

请参见此小提琴http://jsfiddle.net/s83aT/中有关花键和散点的信息。

任何建议将不胜感激。提前致谢。

最佳答案

在Sebastian Bochan指出“ shared:true”是问题的一部分之后,我对此进行了更多研究,这是我发现的内容以及最终解决问题的方式。不论出于何种原因,提琴琴在问题中所涉及的都被搞砸了。

shared: true


如果图表中有多个系列,并且希望将所有系列显示在同一工具提示中,则需要。在我的情况下,这是我制作的其他情节的剩余部分,但在我最初提出的问题所在的单个系列情节中则不需要。

对于单个系列图,不应使用“ shared:true”。默认为“ shared:false”,因此根本不需要包含“ shared”。

这是我现在正在使用的格式化程序代码,它适用于所有单个系列,无论是样条曲线还是散点图:

tooltip: {
    crosshairs: true,
    formatter: function () {
        return '<b>' + Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) +
                '</b> ' + this.series.name + ': ' + this.y + ' deg';
    }
},


有关样条曲线和散点图的信息,请参见http://jsfiddle.net/Reality_Extractor/pNFYL/

关于javascript - Highcharts :工具提示显示样条曲线,但不显示散点图,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14988820/

10-11 21:58