Highcharts:在工具提示中格式化系列名称

时间:2016-04-25 10:22:11

标签: javascript highcharts

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

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

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

我已尝试为工具提示格式化程序执行相同操作,但我似乎无法使其工作。我怀疑这与它是一个共享的工具提示这一事实有关,但我并非100%肯定。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:6)

要对str_2.name的工具提示采取类似方法,可以使用legend.labelFormattertooltip.formatter,具体取决于图表的设置方式。

使用tooltip.pointFormatter的示例可以是(JSFiddle):

tooltip.pointFormatter

这是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/>'; } } 的默认样式,您的转换代替了系列名称。