Javascript Highcharts：在工具提示中设置系列名称的格式

我在同一图表上有多个系列，我想使用工具提示格式化程序使系列名称在工具提示中看起来可读。目前，它们以

系列名称

和

系列名称

的形式显示，但我希望它们以

系列一名称

和

系列二名称

的形式显示。我仍然希望工具提示的格式与

系列一的名称：0.567

相同

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

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

我也尝试过对工具提示格式化程序执行同样的操作，但似乎无法使其正常工作。我怀疑这是因为它是一个共享的工具提示，但我不是100%确定

---

任何帮助都将不胜感激

要对您的

图例.labelFormatter

执行类似的方法，您可以使用

tooltip.formatter

或

tooltip.pointFormatter

，具体取决于图表的设置方式

使用

工具提示.pointFormatter

的示例可以是（）：

工具提示：{
pointFormatter:函数（）{
var系列名称转换器={
'系列名称'：'系列名称'，
“Seriestwoname”：“系列二名称”
};
返回'\u25CF'
+seriesNameConverter[this.series.name]+'：“+this.y+'
”；
}
}

---

这是

工具提示.pointFormat

的默认样式，您可以使用转换来代替序列名称。

要对

图例.labelFormatter

执行类似的方法，您可以使用

工具提示.formatter

或

工具提示.pointFormatter

，具体取决于图表的设置方式

使用

工具提示.pointFormatter

的示例可以是（）：

工具提示：{
pointFormatter:函数（）{
var系列名称转换器={
'系列名称'：'系列名称'，
“Seriestwoname”：“系列二名称”
};
返回'\u25CF'
+seriesNameConverter[this.series.name]+'：“+this.y+'
”；
}
}

---

这是

工具提示的默认样式。pointFormat

使用您的转换来代替序列名称。

为什么不设置

序列本身的
名称
属性？@HalvorStrand我不确定是否可以。我的数据来自另一个来源，我正在使用Highcharts包装器格式化所有内容，因此我必须使用labelFormatter对图例中的系列名称进行排序。但是如果您预处理数据，您可以在将任何内容发送到图表之前执行一次，而不是每次需要显示名称时都这样做。为什么不设置
系列
本身的
名称
属性？@HalvorStrand我不确定是否可以。我的数据来自另一个来源，我正在使用Highcharts包装器格式化所有内容，因此我必须使用labelFormatter对图例中的系列名称进行排序。但是如果您预处理数据，您可以在将任何内容发送到图表之前执行一次，我很确定这正是我所需要的，但它似乎对工具提示没有任何影响-也没有任何控制台错误<代码>工具提示。格式化程序

确实产生了一个错误，所以我想我需要使用

指针格式化程序

。你是说在你自己的代码中？因为JSFIDLE中显示的效果正是您所需要的，对吗？是的，JSFIDLE正是我想要实现的。我可能错过了一些明显的东西。谢谢你的帮助！：）我很确定这正是我所需要的，但它似乎对工具提示没有任何影响-也没有任何控制台错误<代码>工具提示。格式化程序确实产生了一个错误，所以我想我需要使用

指针格式化程序

。你是说在你自己的代码中？因为JSFIDLE中显示的效果正是您所需要的，对吗？是的，JSFIDLE正是我想要实现的。我可能错过了一些明显的东西。谢谢你的帮助！：）

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/>';
    }
}