小编pan*_*kaj的帖子

如何将color family设置为chart.js中的饼图

我正在尝试使用Chart.js绘制饼图.我的值来自数据库,因此我不知道数据库中会有多少值.在这里,我想为每个值设置一个唯一的颜色.以下是我的例子.

var pieData = [
    {
        value: 20,
        color:"#878BB6"
    },
    {
        value : 40,
        color : "#4ACAB4"
    },
    {
        value : 10,
        color : "#FF8153"
    },
    {
        value : 30,
        color : "#FFEA88"
    }
];

var pieOptions = {
    segmentShowStroke : false,
    animateScale : true
}

var countries= document.getElementById("countries").getContext("2d");
        new Chart(countries).Pie(pieData, pieOptions);
Run Code Online (Sandbox Code Playgroud)

目前在上面的示例中,我设置了硬编码值,但在我的示例中,数据(Json)来自DB.

charts chart.js

9
推荐指数
4
解决办法
3万
查看次数

标签 统计

chart.js ×1

charts ×1