我在同一图表上有多个系列,我想使用工具提示格式化程序使系列名称在工具提示中看起来可读。目前,它们以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
样式,您的转换代替了系列名称。