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

时间:2018-02-23 08:54:40

标签: javascript java html sql charts

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

1 个答案:

答案 0 :(得分:0)

您可以使用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图表。

我们还有许多库可以通过谷歌搜索来检查