javascript - Chart.JS 条形图抛出关于缺失的错误)

Question

我需要一种生成条形图的方法 - 并且出于某种原因，我花了很多时间来正确地使用此语法。我收到此错误:

Uncaught SyntaxError: missing ) after argument list

在此行标签:“美元值(value)”，

当我查看所有内容并且发现所有括号都有结束标记时，为什么开发控制台会给我这个错误。应该如何更改才能成功执行？

var ctx = document.getElementById('canvasone').getContext('2d');
var chart = new Chart(ctx, {
    data: {
        type: 'bar',
        labels: yoylabels,
        datasets: [{
                label: 'Dollar Values',
                backgroundColor: 'rgba(0, 129, 214, 0.8)',
                data: vals
            }]
    },
    options: {
        tooltips: {
            callbacks: {
                label: function (t, d) {
                        var xLabel = d.datasets[t.datasetIndex].label;
                        var yLabel = t.yLabel >= 1000 ? '$' + t.yLabel.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") : '$' + t.yLabel;
                        return xLabel + ': ' + yLabel;
                    }
                }
            }
        },
        legend: {
            display: false,
            position: 'top',
        },
        scales: {
            yAxes: [{
                    ticks: {
                        beginAtZero: true,
                        callback: function (value, index, values) {
                            if (parseInt(value) >= 1000) {
                                return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                            } else {
                                return '$' + value;
                            }
                        }
                    }
                }]
        }
    }
});

Answer 1

我把你的代码片段放在 http://jshint.com/ 中我认为您实际上只需要删除最后一个大括号 - 尝试以下操作:

编辑此代码段实际上不会运行，我的意思是尝试此调整。

var ctx = document.getElementById('canvasone').getContext('2d');
var chart = new Chart(ctx, {
    data: {
        type: 'bar',
        labels: yoylabels,
        datasets: [{
                label: 'Dollar Values',
                backgroundColor: 'rgba(0, 129, 214, 0.8)',
                data: vals
            }]
    },
    options: {
        tooltips: {
            callbacks: {
                label: function (t, d) {
                        var xLabel = d.datasets[t.datasetIndex].label;
                        var yLabel = t.yLabel >= 1000 ? '$' + t.yLabel.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") : '$' + t.yLabel;
                        return xLabel + ': ' + yLabel;
                    }
                }
            }
        },
        legend: {
            display: false,
            position: 'top',
        },
        scales: {
            yAxes: [{
                    ticks: {
                        beginAtZero: true,
                        callback: function (value, index, values) {
                            if (parseInt(value) >= 1000) {
                                return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                            } else {
                                return '$' + value;
                            }
                        }
                    }
                }]
        }
    }
);