如何使用動態數據創建統計餅圖？

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 圖表。

我們也有很多圖書館可以做到這一點，可以通過谷歌搜索進行檢查