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属性。以下是箱线图系列的示例格式化程序。

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

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

3 个答案: