如何使用数组名称jschart设置饼图数据的值

时间:2016-07-26 12:35:08

标签: javascript html arrays pie-chart

我使用带有javascript(jschart图形库)的饼图。当我使用数组名称设置饼图数据的值时,饼图不起作用。如果我使用静态变量,饼图的工作方式我该如何解决呢?

这是静态变量

   function piechart()
    {
       var ctx = document.getElementById("myChart");
        var myChart = new Chart(ctx, {
            type: 'pie', 
            data: {
                labels: ["Galatasaray", "Fenerbahce", "Besiktas", "Diger"],
                datasets: [{
                    data: [12,4,19,3],
                    backgroundColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)'
            ]
        }]
            },
            options: {
                responsive: true,
                scales: {
                            beginAtZero: true                       

                }
            }
        });
    }

这是数组名称

 function piechart()
{
  int dizim=[5,9,8,7];
   var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'pie', 
        data: {
            labels: ["Galatasaray", "Fenerbahce", "Besiktas", "Diger"],
            datasets: [{
                data: dizim,
                backgroundColor: [
            'rgba(255, 99, 132, 1)',
            'rgba(54, 162, 235, 1)',
            'rgba(255, 206, 86, 1)',
            'rgba(75, 192, 192, 1)'
        ]
    }]
        },
        options: {
            responsive: true,
            scales: {
                        beginAtZero: true                       

            }
        }
    });
}

2 个答案:

答案 0 :(得分:0)

请访问此网站.. 同样的问题已经回答了 draw pie chart from arrays in highcharts

希望这有效

答案 1 :(得分:0)

您可以通过int dizim=[5,9,8,7];

更改var dizim=[5,9,8,7];来使其发挥作用