高图表:在工具提示中设置系列名称的格式

Highcharts: Format series names in tooltip

本文关键字：格式 系列 设置 工具提示 高图表      更新时间：2023-09-26

我在同一图表上有多个系列，我想使用工具提示格式化程序使系列名称在工具提示中看起来可读。目前，它们以Seriesonename和Seriestwoname的形式显示，但我希望它们以Series One Name和Series Two Name的形式显示。我仍然想将工具提示保持相同的格式 Series One Name: 0.567.

在格式化图表标签时，我做了类似的事情，我使用了以下代码：

legend: {
  labelFormatter: function () {
    return {
      'Seriesonename': 'Series One Name',
      'Seriestwoname': 'Series Two Name'
    }[this.name];
  }
}

我尝试对工具提示格式化程序执行相同的操作，但我似乎无法让它工作。我怀疑这与它是共享工具提示的事实有关，但我不是 100% 确定。

任何帮助将不胜感激！

要对工具提示的legend.labelFormatter执行类似的方法，您可以使用tooltip.formatter或tooltip.pointFormatter，这在一定程度上取决于图表的设置方式。

使用 tooltip.pointFormatter 的示例可以是 （JSFiddle）：

tooltip: {
    pointFormatter: function() {
        var seriesNameConverter = {
            'Seriesonename': 'Series One Name',
            'Seriestwoname': 'Series Two Name'
        };
        return '<span style="color:{point.color}">'u25CF</span> '
            + seriesNameConverter[this.series.name] + ': <b>' + this.y + '</b><br/>';
    }
}

这是默认的tooltip.pointFormat样式，您的转换代替了系列名称。

相关文章：