1

我想在箱线图上更改弹出窗口的文本。

从api和那里链接的示例中，我认为这将是向系列添加格式化程序函数的情况。所以我去看了演示并点击了“在 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 参考链接的演示中发生的那样），但它没有改变。有什么提示吗？

4

3 回答 3

6

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

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

于 2013-05-13T15:39:25.257 回答
1

看看参考资料。

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."

资源

如您所见，那里没有formatter。

您正在寻找这个，它必须在主工具提示对象中使用。

于 2013-05-13T17:03:04.270 回答
0

就像 Ricardo 提到的，如果您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>`;
   }
}

在这里找到工作小提琴

于 2019-03-25T03:51:35.683 回答