繁体   English   中英

Chart.js饼图未显示

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

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM