javascript - HighCharts 共享工具提示数字格式

Question

我是第一次使用 HighCharts JS。到目前为止，我印象非常深刻。我正在绘制多个系列的图表并使用共享工具提示。共享工具提示中的数字是正确的，但它们的格式不符合我的要求。例如，我看到的是 9876 而不是 9,876。

我知道我可以使用格式化程序来完全自定义工具提示。我不想完全重做工具提示，而是想格式化数字并保持现有的外观。

问题是否可以在不编写自定义格式化程序的情况下为工具提示中的数字指定格式？

Answer 1

不幸的是，恐怕这是不可能的:默认的工具提示格式化程序有点隐藏在 Point 和 Tooltip 对象中，并且不提供对数字格式的访问。

但是，您可能希望用您自己的东西全局覆盖 Point 的 tooltipFormatter 的默认实现，例如

Highcharts.Point.prototype.tooltipFormatter = function (useHeader) {
    var point = this, series = point.series;
    return ['<span style="color:' + series.color + '">', (point.name || series.name), '</span>: ',
        (!useHeader ? ('<b>x = ' + (point.name || point.x) + ',</b> ') : ''),
        '<b>', (!useHeader ? 'y = ' : ''), Highcharts.numberFormat(point.y, 0), '</b>'].join('');
};

除最后一行的 Highcharts.numberFormat 调用外，此实现与默认实现相同，它将进行数字格式化。

请记住，此类更改将应用​​于您的所有图表。