javascript – HighChart共享工具提示数字格式

前端之家收集整理的这篇文章主要介绍了javascript – HighChart共享工具提示数字格式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我第一次使用HighCharts JS.到目前为止,我印象非常深刻.我正在绘制多个系列,并使用共享的工具提示.共享的工具提示中的数字是正确的,但它们没有我想要的格式.例如,我看到9876而不是9,876.

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

问题:是否可以指定工具提示中的编号的格式,而不需要编写自定义格式化程序?

解决方法

不幸的是,这是不可能的,我恐怕:默认的工具提示格式化程序有点隐藏在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调用之外,此实现与默认设置相同,这将调用您的数字格式.

请记住,这样的更改将适用于所有图表.

猜你在找的JavaScript相关文章