圖表js餅圖：chart.js中的錯誤？

我想用chart.js測試餅圖。我得到'無法讀取chart.js文件中'長度'和'初始化'的屬性。我嘗試了所有的選擇，無法找到問題所在。圖表js餅圖：chart.js中的錯誤？

代碼的jsfiddle

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

小提琴缺少一些引用 – Ju66ernaut

喜歡什麼信息，指導我請。 – SKay

未添加jquery和chart.js。但是我認爲你需要使用chart.js的畫布的2D上下文。 – Ju66ernaut

把我的頭我會說有給我一個明顯的問題的頂部，這是行

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

你想

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

您可能還在餵食圖表d ata格式錯誤。圖表配置對象中的'data'屬性有一個名爲'datasets'的屬性，它是一個對象數組。 Check out their docs here

來源

2016-07-29 15:06:08 Ju66ernaut

我也試過了！ – SKay

圖表js餅圖：chart.js中的錯誤？

回答

相關問題