Chart.JS数据元素将以欧元结算

Question

我在带有Charts.js的图表的stakoverflow上找到了这段代码。我需要将值字符串的格式设置为euro（€）货币，但是如果我将€而不是$放置，它将以一种奇怪的方式呈现，并且在我的图表上显示what it is on the image.

scales: {
    yAxes: [{
      stacked: true,
      gridLines: {
        display: true,
        color: "rgba(255,99,132,0.2)",

      },
        ticks: {
            fontSize: 18,
                        fontColor: 'rgba(159, 220, 141, 0.7)',

                        userCallback: function(value, index, values) {
            // Convert the number to a string and splite the string every 3 charaters from the end
            value = value.toString();
            value = value.split(/(?=(?:...)*$)/);

            // Convert the array to a string and format the output
            value = value.join('.');
            return '$ ' + value;
        }}

谢谢您的帮助。

Answer 1

刻度的值格式应放在里面：

scales: {
    yAxes: [{
        ticks: {
            fontSize: 18,
            callback: function(label, index, labels) {
                // PLACE HERE
            }
        }
    }]
}

如果您有一个小提琴，我可以玩更多，但是这里有一个例子，您可以参考：How do I customize y-axis labels on a Chart.js line chart?