javascript - Highcharts : Tooltip box thousand seperator

Question

我已经通过 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
            },

Answer 1

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

如您在此处所见，此参数默认为“”。

如果你想把这个分隔符改成逗号，你可以在这个参数里面改。

  Highcharts.setOptions({
    lang: {
      thousandsSep: ','
    }
  });

在这里你可以找到它如何工作的实例: http://jsfiddle.net/uxx1ormz/1/

最好的问候，