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;

Это на самом деле решить эту проблему. переменная «данные» не должна была быть объявлена так, как я делал раньше, она имеет свой собственный стиль, который отличается от линейных и линейных!

Благодарим вас за помощь!

источник

2015-05-06 06:30:17 Stefano

Chart.js круговая диаграмма не показывает

ответ

Смежные вопросы