如何解决使用chart.js创建图表时,e.labels.map不是函数
我正在尝试在chart.js上创建一个饼图。当我尝试将标签数组放入图表js时,它总是带有e.labels.map不是函数的错误消息。 是我的图表js代码结构错误还是我需要更改数据? 谢谢
function drawactivitygraph() {
var exmin = null;
var activities = null;
var colorarray = null;
var noactivities = document.getElementById('exnum').value;
exmin = [];
activities = []
colorarray = [];
for (var i = 1; i <= noactivities; i++) {
var minutes = document.getElementById(`minutes${i}`).value;
var activity = document.getElementById(`exercisetype${i}`).value;
exmin.push(minutes);
activities.push(activity);
}
for (var i = 0; i < noactivities; i++) {
var randomcolor =getRandomColor();
colorarray.push(randomcolor);
}
var ctx = document.getElementById('actgraph').getContext('2d');
var chart = new Chart(ctx,{
// The type of chart we want to create
type: 'pie',// The data for our dataset
data: {
labels: activity,datasets: [{
label: 'Activities',backgroundColor: colorarray,//borderColor: 'rgb(255,99,132)',data: minutes
}]
},// Configuration options go here
options: {}
});
}
这是错误消息
解决方法
在您的Chart构造函数中,您可能指的是labels: activities
而不是labels: activity
,因为此时activity
不存在。.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。