无法从JSON使用chartjs生成饼图

Question

I can't generate pie chart using canvas.JS . I already iterate them through loop.
JSON itself return value like below

[[{"label":"belum","x":1},{"label":"sudah","x":5}]]  

I am using below code to get JSON data.

 <script type="text/javascript"> $(document).ready(function () { var abc = []; $.getJSON("json/data_wilayah1.php", function (result) { for( var i = 0; i < result.length; i++) { abc.push({ label: result[i].label, y: result[i].y }); } var chart = new CanvasJS.Chart("chartContainer", { animationEnabled: true, title:{ text: "Ketersediaan Perangkat Jasa Akses Internet Redesain USO" }, toolTip:{ shared: true, }, data: [ { type:"pie", name: "{label}", legendText: "{label}", showInLegend: true, toolTipContent: "{label}: <strong>{x}%</strong>", indexLabel: "{label} - {x}%", dataPoints: abc } ] }); chart.render(); } }); }); </script> 

Answer 1

I think it's just a typo in looping.

abc.push({ label: result[i].label, y: result[i].y });

Do you have Y property in your response ?

In your Json response it's X so this result[i].y will return undefined.

I think you're supplying undefined value to co-ordinate.

This is the one which is not working

This is a working one (Updated)