highcharts 将工具提示 {point.y} 与特定数字相加

Question

您好，非常感谢您提供的任何帮助。我试图将工具提示 HTML 中显示的 {point.y} 与数字相加，例如，如果 {point.y} 为 100，我希望它为 100+1=101 。但我找不到办法这样做。 （尝试了 {point.y}+1 ，但没有工作，因为它解释为 HTML 而不是求和运算）。谢谢！！

Answer 1

您可以使用工具提示的

pointFormatter

或

formatter

函数回调。例如：

  tooltip: {
    pointFormatter: function() {
      return `<span style="color:${this.color}">\u25CF</span> ${this.series.name}: <b>${this.y + 1}</b><br/>`
    }
  }

---

现场演示：http://jsfiddle.net/BlackLabel/9ayqdot6/

API 参考： https://api.highcharts.com/highcharts/tooltip.pointFormatter

Answer 2

从 Highcharts 11 (2023) 开始，您现在可以使用类似于波兰表示法的格式使用他们所谓的“帮助程序”，将逻辑添加到格式化字符串中。所以你可以做这样的事情：

"tooltip":{
      "pointFormat":"{add point.y 1}"
   }

如果您需要进行额外的格式化（例如添加千位分隔符），您可以通过将数学逻辑括在括号中将其放入子表达式中，如下所示：

"tooltip":{
      "pointFormat":"{(add point.y 1):,f}"
   }

你可以用它做很多很酷的事情，比如编写你自己的自定义助手。更多信息请参见：https://www.highcharts.com/docs/chart-concepts/templated

与回调方法相比，我更喜欢这种方法，因为它允许我以 JSON 格式存储 highcharts 配置，但这对您来说可能并不重要。