图表.JS无法读取未定义的属性'_meta'

Question

我正在尝试构建一个基本的条形图，但我在标题中遇到了错误。 我已经使用 alert(( 来验证我想用图表填充图表的数组是否包含数据，但语法仍然没有正确钓鱼。 有人可以检查并让我知道我需要做得更好才能使图表产生吗？

var ctx = document.getElementById('cvtree').getContext('2d');
var chart = new Chart(ctx, {
type: 'bar',
data: { 
labels: yoylabels,
datasets: [{
label: 'Pay By Person',
backgroundColor: 'rgba(0, 129, 214, 0.8)',
data: numericdollarvals
}]
},
options: {
},
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

在设置所有选项之前，您意外地关闭了选项属性。

这是正确的语法：

var ctx = document.getElementById('cvtree').getContext('2d');
var chart = new Chart(ctx, {
type: 'bar',
data: {
labels: yoylabels,
datasets: [{
label: 'Pay By Person',
backgroundColor: 'rgba(0, 129, 214, 0.8)',
data: numericdollarvals
}]
},
options: {
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;
}
}
}
}]
}
}
});