簡體   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