值 >1000 的格式化工具提示

Formatting Tooltip of Values >1000

我在我的项目中使用 ohlc highstock 图表。我有 4-5 位数的值。例如

Open     : 2717.35
High     : 2719.5
Low      : 2709.18
Close    : 2712.97
SMA(50)  : 2677.4904
SMA(200) : 2627.7230
Volume   : 3368690000

在图表的工具提示中,我想要这样的值(添加逗号)

Open     : 2,717.35
High     : 2,719.5
Low      : 2,709.18
Close    : 2,712.97
SMA(50)  : 2,677.4904
SMA(200) : 2,627.7230
Volume   : 3,368,690,000

但是对于 4 位数的值,工具提示看起来像这样

4位数值中有一个space。有什么方法可以格式化它,使其像我上面提到的那样出现吗?图表中还有一些 SMA 系列和一个成交量系列。有什么方法可以用它来格式化值吗?

我的 highstock 选项

{
          colors:Global.colors,
          rangeSelector: {
            selected: 1
          },
          title: {
            text: ''
          },
          xAxis: {
            crosshair: true
          },
          yAxis: [
            {
              labels: {
                align: 'right',
                x: -3
              },
              height: '60%',
              lineWidth: 2,
              resize: {
                enabled: true
              },
            }, {
              labels: {
                align: 'right',
                x: -3
              },
              top: '65%',
              height: '35%',
              offset: 0,
              lineWidth: 2
            }],
            tooltip: {
              split: true,
              distance: 50,
              padding: 2,
            },
          credits: {
            enabled: false
          },
          legend: {
            enabled: false
          },
          plotOptions: {
            series: {
              marker: {
                enabled: false
              }
            },
          }
        }

注意:我正在从服务器获取数据,因此我在完成 http 调用后在系列中设置数据。

您需要设置thousands seperator。像这样:

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

工作 JSFiddle 示例: https://jsfiddle.net/ewolden/72xr9qvL/5