R中Highcharter如何设置tooltip数值为无小数货币或百万缩写格式

两种常用实现方式，直接替换原有代码中hc_tooltip部分的配置即可。

方案1：标准无小数位美元格式（输出样式：$34,537,987） #

利用Highcharts内置的模板格式化语法，直接指定千分位为逗号、保留0位小数，前缀加美元符号即可，不需要额外写JS逻辑，完整代码如下：

highchart() %>%
  hc_add_series(df, 
                type = 'spline', 
                hcaes(x = year, y = data)
  ) %>%
  hc_add_series(df, 
                type = 'spline', 
                hcaes(x = year, y = other_data)
  ) %>%
  hc_plotOptions(series = list(marker = list(enabled = TRUE,
                                             hover = TRUE,
                                             symbol = 'circle'))
  ) %>%
  hc_tooltip(
    shared = TRUE,
    crosshairs = TRUE,
    pointFormat = '<span style="color:{point.color}">●</span> {series.name}: <b>${point.y:,.0f}</b><br/>'
  )

• 格式符:,.0f的作用：自动按千分位加逗号、强制保留0位小数，前面拼接$即可实现标准货币格式。

方案2：大数值自动单位简写（输出样式：$34M/$12K/$5B） #

如果需要对大数值自动做单位缩写，通过JS()传入自定义格式化函数即可，适配共享提示框逻辑，完整代码如下：

highchart() %>%
  hc_add_series(df, 
                type = 'spline', 
                hcaes(x = year, y = data)
  ) %>%
  hc_add_series(df, 
                type = 'spline', 
                hcaes(x = year, y = other_data)
  ) %>%
  hc_plotOptions(series = list(marker = list(enabled = TRUE,
                                             hover = TRUE,
                                             symbol = 'circle'))
  ) %>%
  hc_tooltip(
    shared = TRUE,
    crosshairs = TRUE,
    formatter = JS("function() {
      let tooltipContent = `<b>${this.x}</b><br/>`;
      this.points.forEach(function(point) {
        let value = point.y;
        let formatted;
        // 按数值量级匹配单位
        if (value >= 1e9) {
          formatted = '$' + (value / 1e9).toFixed(0) + 'B';
        } else if (value >= 1e6) {
          formatted = '$' + (value / 1e6).toFixed(0) + 'M';
        } else if (value >= 1e3) {
          formatted = '$' + (value / 1e3).toFixed(0) + 'K';
        } else {
          formatted = '$' + value.toFixed(0);
        }
        tooltipContent += `<span style=\"color:${point.color}\">●</span> ${point.series.name}: <b>${formatted}</b><br/>`
      })
      return tooltipContent;
    }")
  )

• 如果需要调整缩写后的小数位数，修改toFixed()内的数值即可，比如传1就会显示$34.5M这类带1位小数的样式。

内容的提问来源于stack exchange，提问作者Jimmy Cloutier