Не могу сгенерировать круговую диаграмму, используя chartjs из JSON - PullRequest
0 голосов
/ 29 ноября 2018

Я не могу сгенерировать 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 голосов
/ 29 ноября 2018

Я думаю, что это просто опечатка в цикле.

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

Есть ли у вас свойство Y в вашем ответе?

В вашем ответе Json это X, поэтому этот результат [i] .yвернет неопределенное.

Я думаю, что вы указываете неопределенное значение для координации.

Это то, что не работает

Это рабочий (Обновлено)

...