Question

我需要一种方法来生成一个条形图 - 我出于某种原因我有一个世界的时间来正确地使用这种语法。我收到这个错误：

参数列表
之后的
Uncaught SyntaxError：missing）

在这一行label: 'Dollar Values',

当我查看所有内容时，为什么开发控制台会给我这个错误，而且我看到所有的parens都有一个结束标记。为了成功执行，应如何更改？

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;
                            }
                        }
                    }
                }]
        }
    }
);

Chart.JS条形图丢失错误）

1 个答案: