值 >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
我在我的项目中使用 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