如何编辑highcharts boxplot中的工具提示文本

Question

我想在方块图上更改弹出窗口的文本。

从api和那里链接的例子，我假设这是一个向系列添加格式化程序功能的情况。所以我去了demo并点击了“在jsFiddle中编辑”。然后我改变了：

tooltip: {
    headerFormat: '<em>Experiment No {point.key}</em><br/>'
}

至

tooltip: {
    headerFormat: '<em>Experiment No {point.key}</em><br/>',
    formatter: function() { return 'some random string'; }
}

我期望工具提示改为'一些随机字符串'（如从工具提示API参考链接的演示中所发生的那样），但它没有改变。任何提示？

Answer 1

应将formatter添加到主选项对象的tooltip属性中。

在这里演示：http://jsfiddle.net/kxbXx/

Answer 2

看看参考。

series.tooltip "A configuration object for the tooltip rendering of each single series. Properties are inherited from tooltip, but only the following properties can be defined on a series level."

Source

如你所见，那里没有formatter。

您正在寻找必须在主工具提示对象中使用的this one。

Answer 3

就像里卡多提到的，如果你为整个图表的工具提示方法添加formatter属性，它将为所有时间序列应用格式化程序。

如果要为单个系列添加格式，可以使用pointFormatter属性。下面是boxplot系列的示例格式化程序。

tooltip: {
   pointFormatter: function() {
      const x = this.x;
      const currentData = this.series.data.find(data => data.x === x);
      const boxplotValues = currentData ? currentData.options : {};
      return `Max: ${boxplotValues.high}<br>
              Q3: ${boxplotValues.q3}<br>
              Median: ${boxplotValues.median}<br>
              Q1: ${boxplotValues.q1}<br>
              Low: ${boxplotValues.low}<br>`;
   }
}

找到工作小提琴here