[英]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.