javascript - 使用chart.js在php中使用mysql数据绘制饼图

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 7 年前。

Improve this question

我希望在我的项目中使用charts.js 添加饼图。我搜索并找到了一些简单图表的代码。我的图表代码的一部分如下:

printf( '<script type="text/javascript" src="extlib/Chart.js"></script>' );
printf( '<script type="text/javascript" src="extlib/jquery-min.js"></script>' );
printf( '<p style="text-align: center;">' );
printf( '<canvas id="mycanvas" width="256" height="256"></canvas>' );
printf( '<script type="text/javascript">' );
 ?>
    var ctx = $("#mycanvas").get(0).getContext("2d");
    var piedata = [
    {
    value:30,
    color:"green",
    label:"sta1",
    labelColor : 'white'
    },
    {
    value:60,
    color:"red",
    label:"sta1",
    labelColor : 'white'
    },
    {
    value:50,
    color:"blue"
    }
    ]

    new Chart(ctx).Pie(piedata);
    <?php
    printf( '</script>' );  

我可以对动态图表做什么。即该值应该来自 MySQL DB。DB中的数据值的数量每次都会不同。每个数据值都有特定的颜色。

使用上面的代码，标签不显式可见(仅在鼠标悬停时)。

请给我建议一下方法。

Answer 1

迭代来自 json 响应的数据并将数据推送到数组中

var piedata = [];
$.each(yourJson,function(i,val){
piedata.push({value:val.value,color:val.color,label:val.label,labelColor:val.labelColor  });
});

然后设置 new Chart(ctx).Pie(piedata);