HighChart:工具提示框千位分隔符

Ans*_*pta 2 javascript jquery highcharts

我已经通过 highchart 创建了一个散点图,它需要在工具提示框中显示一些数据。

大多数数字包含大数字,因此我想在中间添加一些数字分隔符,如下所示

在此处输入图片说明

我研究了其他一些帖子,说我应该做类似的事情,{point.x:.2f}但是由于我从 json 文件中获取所有数据,因此我无法向原始数字添加任何符号。

我的图表工具提示框的属性如下所示:

//*highchart codes
    tooltip: {
                useHTML: true,
                headerFormat: '<table>',
                pointFormat: '<tr><th colspan="2"><h3>{point.name}</h3></th></tr>' +
                '<tr><th>Fan rate:</th><td>{point.y}</td></tr>' +
                '<tr><th>Coverage:</th><td>{point.x}</td></tr>' +
                '<tr><th>Volume:</th><td>{point.z}</td></tr>',
                footerFormat: '</table>',
                followPointer: true
            },
Run Code Online (Sandbox Code Playgroud)

Grz*_*ski 5

每千之间存在这种差距的原因是 lang.thousandsSep Highcharts 参数。您可以在此处找到有关此参数的信息:http : //api.highcharts.com/highcharts#lang.thousandsSep

正如您在此处阅读的那样,此参数默认为“ ”。

如果您想将此分隔符更改为逗号,则可以在此参数中更改它。

  Highcharts.setOptions({
    lang: {
      thousandsSep: ','
    }
  });
Run Code Online (Sandbox Code Playgroud)

在这里您可以找到它如何工作的现场示例:http : //jsfiddle.net/uxx1ormz/1/

此致,