HighChart共享工具提示号格式

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调用除外，后者将执行数字格式设置。

请记住，这样的变化将适用于您的所有图表。

Answer 2

使用pointFormatter格式化共享工具提示。这可以从4.1.0版本中获得：

tooltip: {
    shared: true,
    pointFormatter: function() { 
        return '<span style="color:' + this.series.color + ';">●</span> ' + this.series.name + ': <b>' + numberFormat(this.y) + '</b><br/>'; 
    }
}

Answer 3

因为2.2有一个新的选项"pointFormat“只为切入点指定一个单独的格式化程序：http://api.highcharts.com/highcharts#tooltip.pointFormat