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);
}
};
&#13;
<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>
&#13;
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数据不是空的,只是FYI。此外,我生成的图例显示了应该插入的数据,它就在那里,所以图表用来生成自己的信息就在那里
答案 0 :(得分:0)
style="display: none;"
这实际上解决了这个问题。 变量“data”不应该像我之前那样被声明,它有自己的风格,不同于条形和线条!
谢谢你的帮助!