chart.js von ckeditor Plugin erstellt Draw

Question

ich ckeditor verwenden und erstellen Chart mit chartjs Plugin:

<div class="chartjs" data-chart="doughnut" data-chart-height="300" 
data-chart-value="[{"value":70,"label":"A"},{"value":50,"label":"B"}]"></div> 

aber ich weiß nicht, wie Diagramm zeichnen kann, wenn HTML-Seite geladen.

Answer 1

ich nur hinzufügen, diese Zeilen zu fahren und löse mein Problem:

<link rel="stylesheet" href="ckeditor/plugins/chart/lib/chart.css"> 
<script src="ckeditor/plugins/chart/chart.min.js"></script> 
<script src="ckeditor/plugins/chart/widget2chart.js"></script> 

Answer 2

Sie können canvas für Ihr Diagramm Behälter verwenden

<canvas id="chartjs" width='300' height='300'></canvas> 

Und dann dieses Javascript laufen, vorbei an Ihre Parameter wie folgt:

var ctx = document.getElementById("chartjs"); 

var myChart = new Chart(ctx, { 
    type: 'doughnut', 
    data: { 
     labels: ["A", "B"], 
     datasets: [{ 
      data: [70, 50], 
      backgroundColor: ['red', 'pink'] 
     }] 
    }, 
}); 

See working example here