Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.JS条形图抛出错误(关于丢失)_Javascript_Php_Jquery_Chart.js - Fatal编程技术网

Javascript Chart.JS条形图抛出错误(关于丢失)

Javascript Chart.JS条形图抛出错误(关于丢失),javascript,php,jquery,chart.js,Javascript,Php,Jquery,Chart.js,我需要一种生成条形图的方法——出于某种原因,我花了很多时间来正确使用这种语法。我得到这个错误: 参数列表后未捕获的语法错误(缺少) 在这一行标签上:“美元价值” 当我查看了所有内容,发现所有的paren都有一个结束标记时,为什么开发控制台会给我这个错误。为了成功地执行,应该如何更改 var ctx = document.getElementById('canvasone').getContext('2d'); var chart = new Chart(ctx, { data: {

我需要一种生成条形图的方法——出于某种原因,我花了很多时间来正确使用这种语法。我得到这个错误:

参数列表后未捕获的语法错误(缺少)

在这一行
标签上:“美元价值”

当我查看了所有内容,发现所有的paren都有一个结束标记时,为什么开发控制台会给我这个错误。为了成功地执行,应该如何更改

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;
                            }
                        }
                    }
                }]
        }
    }
});
我把你的鹬放进去,我想你真的只需要去掉最后一个卷发支架-试试下面的方法:

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

var ctx=document.getElementById('canvasone').getContext('2d');
var图表=新图表(ctx{
数据:{
类型:'bar',
标签:yoylabels,
数据集:[{
标签:“美元价值”,
背景颜色:“rgba(0,129,214,0.8)”,
数据:VAL
}]
},
选项:{
工具提示:{
回调:{
标签:功能(t,d){
var xLabel=d.datasets[t.datasetIndex].label;
var yLabel=t.yLabel>=1000?'$'+t.yLabel.toString()。替换(/\B(?=(\d{3})+(?!\d))/g,“,”:'$'+t.yLabel;
返回xLabel+':'+yLabel;
}
}
}
},
图例:{
显示:假,
位置:'顶部',
},
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的,
回调:函数(值、索引、值){
如果(parseInt(值)>=1000){
返回“$”+value.toString()。替换(/\B(?=(\d{3})+(?!\d))/g,“,”;
}否则{
返回“$”+值;
}
}
}
}]
}
}
);我把你的剪子放进去了,我想你真的只需要去掉最后一个卷发支架-试试下面的方法:

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

var ctx=document.getElementById('canvasone').getContext('2d');
var图表=新图表(ctx{
数据:{
类型:'bar',
标签:yoylabels,
数据集:[{
标签:“美元价值”,
背景颜色:“rgba(0,129,214,0.8)”,
数据:VAL
}]
},
选项:{
工具提示:{
回调:{
标签:功能(t,d){
var xLabel=d.datasets[t.datasetIndex].label;
var yLabel=t.yLabel>=1000?'$'+t.yLabel.toString()。替换(/\B(?=(\d{3})+(?!\d))/g,“,”:'$'+t.yLabel;
返回xLabel+':'+yLabel;
}
}
}
},
图例:{
显示:假,
位置:'顶部',
},
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的,
回调:函数(值、索引、值){
如果(parseInt(值)>=1000){
返回“$”+value.toString()。替换(/\B(?=(\d{3})+(?!\d))/g,“,”;
}否则{
返回“$”+值;
}
}
}
}]
}
}

);如果我运行你的代码片段,我会得到一个错误。我应该在IDE中运行它而不是堆栈溢出吗?代码段不会在这里运行,因为它没有代码其余部分的完整上下文,我只是使用代码段来突出显示语法。尝试在你的代码中进行编辑,看看ti是否有效?太棒了!有些时候你只是需要另一双眼睛来观察这些东西,对吗?如果这能解决您的问题,请随意接受;)如果我运行你的代码片段,我会得到一个错误。我应该在IDE中运行它而不是堆栈溢出吗?代码段不会在这里运行,因为它没有代码其余部分的完整上下文,我只是使用代码段来突出显示语法。尝试在你的代码中进行编辑,看看ti是否有效?太棒了!有些时候你只是需要另一双眼睛来观察这些东西,对吗?如果这能解决您的问题,请随意接受;)