HighChart:Tooltip box千位分隔符

时间:2016-07-06 04:43:47

标签: javascript jquery highcharts

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

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

enter image description here

我研究了其他一些帖子,说我应该做类似{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
            },

1 个答案:

答案 0 :(得分:3)

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

正如您在此处所读,此参数默认为''。

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

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

在这里你可以找到它的工作原理: http://jsfiddle.net/uxx1ormz/1/

致以最诚挚的问候,