диаграмма js круговая диаграмма: ошибка в chart.js?

Я пытаюсь проверить круговую диаграмму, используя chart.js. Я получаю 'не могу прочитать свойство' length 'и' initialize 'в файле chart.js. Я пробовал все варианты и не мог найти, где проблема.диаграмма js круговая диаграмма: ошибка в chart.js?

код в jsfiddle

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

pieChart.js файл имеет следующий код.

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 код

<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>

источник

2016-07-29 SKay

Fiddle отсутствует некоторые ссылки – Ju66ernaut

нравится какая информация, назовите меня PLS. – SKay

jquery и chart.js не добавлены. Но также я думаю, что вам нужен 2d-контекст холста, работающего с chart.js. – Ju66ernaut

Off верхней части моей головы, я собираюсь сказать, что есть одна очевидная проблема для меня, и это линия

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

Вы хотите

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

Вы также можете кормить диаграмму d ata в неправильном формате. Свойство «data» в вашем конфигурационном объекте диаграммы имеет свойство, называемое «наборами данных», которое представляет собой массив объектов. Check out their docs here

источник

2016-07-29 15:06:08 Ju66ernaut

Я тоже пробовал с этим! – SKay

диаграмма js круговая диаграмма: ошибка в chart.js?

ответ

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