无法从JSON使用chartjs生成饼图

时间:2018-11-29 06:32:27

标签: javascript json canvasjs

我无法使用pie chart生成canvas.JS。我已经遍历了循环。
JSON本身返回的值如下

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

我正在使用下面的代码来获取JSON数据。

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

1 个答案:

答案 0 :(得分:0)

我认为这只是循环中的错字。

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

您的回复中是否包含Y属性?

在您的Json响应中,它是X,因此此结果[i] .y将返回未定义。

我认为您正在提供未定义的值来进行协调。

This is the one which is not working

This is a working one (Updated)