在Dygraph的Y轴标签中添加逗号分隔符

Question

我有使用dygraphs package的下图

library(dygraphs)
library(htmlwidgets)
library(zoo)
valueFormatter = "function formatValue(v) {
var suffixes = ['', 'K', 'M', 'G', 'T'];
if (v < 1000) return v;
var magnitude = Math.ceil(String(Math.floor(v)).length / 4-1);
if (magnitude > suffixes.length - 1)
magnitude = suffixes.length - 1;
return String(Math.round(v / Math.pow(10, magnitude * 3), 2)) +suffixes[magnitude]
}" 
Data = zoo(matrix(c(10000, 1000000, 100000000, 50000), nc = 1), as.Date(c('2015-01-05', '2016-01-05', '2017-01-05', '2018-01-05'))); colnames(Data) = 'x'
dygraph(Data, main = "") %>% dySeries(c("x")) %>% 
dyAxis("y", axisLabelFormatter = JS(valueFormatter), 
valueFormatter     = JS(valueFormatter),
rangePad = 20)

但是，在Y轴的标签中，我希望为刻度值使用千分隔符，例如，我希望使用30000K而不是3,0000K。有什么办法可以做到这一点吗。

Answer 1

将数字30000K转换为千位分隔值30,000K。

Regex在每个第3位后放置逗号

var regex = /B(?=(d{3})+(?!d))/g;
var number = "200";
var thousandSeprator = "20000";
console.log(number.replace(regex,',')); // 200
console.log(thousandSeprator.replace(regex,',')); // 20,000

更新valueFormatter功能

valueFormatter = "function formatValue(v) {
var suffixes = ['', 'K', 'M', 'G', 'T'];
var regex = /B(?=(d{3})+(?!d))/g; 
if (v < 1000) return v.toString().replace(regex,',');
var magnitude = Math.ceil(String(Math.floor(v)).length / 4-1);
if (magnitude > suffixes.length - 1)
magnitude = suffixes.length - 1;        
return v.toString().replace(regex,',') +suffixes[magnitude]
}"