如何使用动态数据创建统计饼图？

Question

我正在尝试创建一个饼图，它将显示一个月或一年的大厅预订数量。 饼图的数据应该是动态的。

Answer 1

你可以使用c3 js一个免费的，它有简单的配置来做到这一点

var chart = c3.generate({
    data: {
        // iris data from R
        columns: [
            ['data1', 30],
            ['data2', 120],
        ],
        type : 'pie',
        onclick: function (d, i) { console.log("onclick", d, i); },
        onmouseover: function (d, i) { console.log("onmouseover", d, i); },
        onmouseout: function (d, i) { console.log("onmouseout", d, i); }
    }
});

如果要更改数据，则必须进行 ajax 调用（可能是）并将其再次分配给 c3 图表。

我们也有很多图书馆可以做到这一点，可以通过谷歌搜索进行检查