[英]Chart.js pie chart not showing
var upDataC = []; for (var i = 1; i < upData.length; i++) { upDataC[i - 1] = upData[i]; var datasetsx = []; var datas; for (var j = 0; j < lData.length; j++) { datas = 0; var x = Math.floor((Math.random() * 220) + 1); var y = Math.floor((Math.random() * 220) + 1); var z = Math.floor((Math.random() * 220) + 1); var temp = allData[j]; for (var w = 0; w < temp.length; w++) { var temp2 = temp[w]; datas = parseInt(parseInt(datas) + parseInt(temp2)); } datasetsx[j] = { label: lData[j], color: 'rgba(' + z + ',' + y + ',' + x + ',1)', highlight: 'rgba(' + z + ',' + y + ',' + x + ',1)', value: datas, } } var data = { labels: upDataC, datasets: datasetsx, }; var ctx = $("#myChart").get(0).getContext("2d"); var newGraph = new Chart(ctx).Pie(data); } Chart.defaults.global = { animation: true, animationSteps: 60, } Chart.defaults.global.responsive = true; var options = ""; var selected = false; if (selected === false) {} else { legend(document.getElementById("data"), data); } };
<script src="https://github.com/nnnick/Chart.js/blob/master/Chart.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="charts"> <canvas id="myChart"></canvas> <div id="data"></div> </div>
var datasetsx = [];
var datas;
for (var j =0; j < lData.length; j++) {
datas = 0;
var x = Math.floor((Math.random()*220)+1);
var y = Math.floor((Math.random()*220)+1);
var z = Math.floor((Math.random()*220)+1);
var temp = allData[j];
for (var w = 0 ; w<temp.length; w++){
var temp2 = temp[w];
datas = parseInt(parseInt(datas) + parseInt(temp2));
}
datasetsx[j] =
{
label : lData[j],
color: 'rgba('+ z + ',' + y + ',' + x + ',1)' ,
highlight :'rgba('+ z + ',' + y + ',' + x + ',1)' ,
value : datas,
}
}
var data = {
labels: upDataC,
datasets: datasetsx,
};
var ctx = document.getElementById("myChart").getContext("2d");
var newGraph = new Chart(ctx).Pie(data);
}
我只能发布此内容以帮助您更好地理解,但是由于它属于一家公司,因此我无法分享全部内容。
应该生成一个饼图。 该图表显然是在屏幕上,即使它是空白。 var数据并不是空的,仅供参考。 另外,我生成的图例显示了应该插入的数据,就在此处,因此图表用于生成自身的信息也在那里
var data = datasetsx;
这实际上解决了问题。 变量“数据”不应该像我以前那样声明,它具有与条形和线条不同的样式!
谢谢您的帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.