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是否有效?太棒了!有些时候你只是需要另一双眼睛来观察这些东西,对吗?如果这能解决您的问题,请随意接受;)