Diagramm js Kreisdiagramm: Fehler in chart.js?

Ich versuche, Kreisdiagramm mit chart.js zu testen. Ich bekomme 'Eigenschaft von' length 'und' initialize 'in der Datei' chart.js 'nicht lesen. Ich habe alle Möglichkeiten ausprobiert und kann nicht herausfinden, wo das Problem liegt.Diagramm js Kreisdiagramm: Fehler in chart.js?

Code in jsfiddle

https://jsfiddle.net/n8ox2fqb/1/

pieChart.js Datei folgenden Code hat.

var pieData = [ 
    { 
     value: '25', 
     label: 'Java', 
     color: '#811BD6' 
    }, 
    { 
     value: '10', 
     label: 'Scala', 
     color: '#9CBABA' 
    }, 
    { 
     value: '30', 
     label: 'PHP', 
     color: '#D18177' 
    }, 
    { 
     value : '35', 
     label: 'HTML', 
     color: '#6AE128' 
    } 
] 



var pieOptions = {}; 

$(document).ready(function() { 

    var ctxt = document.getElementById('myChart'); 
    var myPieChart = new Chart(ctxt,{ 
     type: 'pie', 
     data: pieData, 
     options: pieOptions 
    }); 

});

Html-Code

<html lang="en"> 
    <head> 
     <script src="src/jquery.min.js"></script> 
     <script src="src/Chart.js"></script> 
    </head> 
      <Title> 
       Test Pie Chart 
      </Title> 
    <body> 
     <div> 
      <div> 
       <canvas id="myChart" width="400" height="400"></canvas> 
      </div> 
     </div> 
     <script src="pieChart.js"></script> 
    </body> 
</html>

Quelle

2016-07-29 SKay

Fiddle wird einige Referenzen – Ju66ernaut

wie welche Informationen fehlen, leite mich pls. – SKay

jquery und chart.js werden nicht hinzugefügt. Aber ich denke auch, dass Sie den 2D-Kontext der Leinwand benötigen, die mit chart.js arbeitet. – Ju66ernaut

Aus der Spitze von meinem Kopf ich es sagen werde, ist ein offensichtliches Problem für mich, und das ist die Linie

var ctxt = document.getElementById('myChart');

Sie wollen

var ctxt = document.getElementById('myChart').getContext('2d');

Möglicherweise füttern Sie auch das Diagramm d ata im falschen Format. Die Eigenschaft 'data' in Ihrem Diagrammkonfigurationsobjekt hat eine Eigenschaft namens 'Datasets', bei der es sich um ein Array von Objekten handelt. Check out their docs here

Quelle

2016-07-29 15:06:08 Ju66ernaut

i mit diesem auch versucht! – SKay

Diagramm js Kreisdiagramm: Fehler in chart.js?

Antwort

Verwandte Themen