Charts.js 使用货币和千位分隔符格式化 Y 轴-前端问题

Charts.js Formatting Y Axis with both Currency and Thousands Separator(Charts.js 使用货币和千位分隔符格式化 Y 轴)

本文介绍了Charts.js 使用货币和千位分隔符格式化 Y 轴的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用 Charts.js 在我的网站上显示图表.目前，标签显示为一长串数字(即 123456).我希望它显示为带有千位分隔符的货币:(即 $123,456)

I'm using Charts.js to show a graph on my site. Currently, the label shows as a long string of numbers (i.e 123456). I want it to show as currency with thousands separator: (i.e $123,456)

我正在使用 scaleLabel 选项在值之前放置一个 $ USD 符号:

I'm using the scaleLabel option to put a $ USD symbol before the value:

scaleLabel: "<%= ' $' + Number(value)%>"

以及插入逗号分隔符的函数:

and a function to insert the comma separator:

function(label){return label.value.toString().replace(/B(?=(d{3})+(?!d))/g, ",");}

我只是不知道如何将它们一起使用来获得我想要的东西.

I just do not know how to use these together to get what I want.

这里是小提琴:http://jsfiddle.net/vy0yhd6m/79/

(请记住，目前该图表只有在您删除上面引用的这两个 JavaScript 片段之一时才能工作)

感谢您的任何帮助.

推荐答案

你应该能够在函数内部的标签组合中包含货币前缀...

You should be able to include currency prefix in composition of label inside function...

var options = {
    animation: false,
    scaleLabel:
    function(label){return  '$' + label.value.toString().replace(/B(?=(d{3})+(?!d))/g, ",");}
};

http://jsfiddle.net/vy0yhd6m/80/

这篇关于Charts.js 使用货币和千位分隔符格式化 Y 轴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！