chart.js之餅圖沒有顯示

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數據不是空的，只是FYI。另外，我生成圖例顯示出應插入的數據，它就在那裏，所以這個表用來生成自身的信息是有

來源

2015-05-05 Stefano

有一個語法錯誤，我找不到沒有'{'爲你的最後一個'}' – jmgross

你能創建jsfiddle嗎？ –

你的代碼是一團糟，如果你可以用一些虛擬數據創建http://jsfiddle.net，它將會非常有用。 –

var data = datasetsx;

這實際上解決了這個問題。變量「data」不應該像我之前做過的那樣聲明，它有自己的風格，它和bar和line不同！

謝謝你的幫助！

來源

2015-05-06 06:30:17 Stefano

chart.js之餅圖沒有顯示

回答

相關問題