Draw chart.js созданные CKEditor плагин

Question

Я использую CKEditor и создать диаграмму с chartjs плагин:

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

НО я не знаю, как можно нарисовать диаграмму, когда HTML страница загружена.

Answer 1

Я просто добавить эти строки в голову и решить мою проблему:

<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

Вы можете использовать canvas для диаграммы контейнера

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

А потом запустить этот JavaScript, передавая свои параметры следующим образом:

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