Question

首先，如果我的问题与其他问题略有不同，我道歉。我搜索了一个解决方案，发现了3个类似的问题，但是我的情况都没有，因为我找到的例子使用的是Chart.js v1。

我看到一个示例使用放在<br>中的函数来格式化数字，如下所示：

scaleLabel

然而，上述代码在新的Chart.js v2中不再有效。

如何格式化Chart.js v2中的比例数？

这是我的代码：https://jsfiddle.net/2n7xc7j7/

Answer 1

添加选项配置时，您需要确保将设置嵌套在右侧部分中。您可以通过向callback ticks configuration部分添加yAxes功能来设置比例数字的格式：

options = {
    scales: {
        yAxes: [{
            ticks: {
                callback: function(value) {
                    return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                }
            }
        }]
    }
};

JSFiddle演示：https://jsfiddle.net/2n7xc7j7/1/

Answer 2

我这样做了：

http://profwtelles.ddns.net/grafico2.html

    var canvas = document.getElementById('chart');
    new Chart(canvas, {
        type: 'line',
        data: {
            labels: ['1', '2', '3', '4', '5'],
            datasets: [{
                label: 'A',
                yAxisID: 'A',
                data: [100, 96, 84, 76, 69]
            }, {
                label: 'B',
                yAxisID: 'B',
                data: [1, 1, 1, 1, 0]
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    id: 'A',
                    type: 'linear',
                    position: 'left',
                }, {
                    id: 'B',
                    type: 'linear',
                    position: 'right',
                    ticks: {
                        max: 1,
                        min: 0
                    }
                }]
            }
        }
    });

我希望能帮助你。最诚挚的问候

如何在Chart.js v2中格式化比例数字

2 个答案: