Chart.js饼图未显示

时间:2015-05-05 08:13:35

标签: javascript charts 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);
}
};
&#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;
&#13;
&#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。此外,我生成的图例显示了应该插入的数据,它就在那里,所以图表用来生成自己的信息就在那里

1 个答案:

答案 0 :(得分:0)

style="display: none;"

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

谢谢你的帮助!