Question

我正在使用此代码进行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的图表，但它不适用于散点图。

请参阅此小提琴http://jsfiddle.net/s83aT/，了解样条曲线和散点图。

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

Answer 1

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

highcharts：工具提示显示样条曲线但不显示散点图

1 个答案: