2015-05-05 74 views
1

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。另外,我生成图例显示出应插入的数据,它就在那里,所以这个表用来生成自身的信息是有

+0

有一个语法错误,我找不到没有'{'为你的最后一个'}' – jmgross

+0

你能创建jsfiddle吗? –

+0

你的代码是一团糟,如果你可以用一些虚拟数据创建http://jsfiddle.net,它将会非常有用。 –

回答

0
var data = datasetsx; 

这实际上解决了这个问题。 变量“data”不应该像我之前做过的那样声明,它有自己的风格,它和bar和line不同!

谢谢你的帮助!