1

我正在使用此代码生成 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;
}

}

它非常适用于将样条曲线用于 defaultSeriesType 的图表,但不适用于散点图。

请参阅此 Fiddle http://jsfiddle.net/s83aT/以了解样条曲线和散点图。

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

4

1 回答 1

2

在 Sebastian Bochan 指出“共享:真实”是问题的一部分之后,我对此进行了更多研究,这就是我发现的内容以及我最终如何解决问题的方式。无论出于何种原因,问题中链接的小提琴都被搞砸了。

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/ 。

于 2013-02-25T11:30:13.010 回答