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

Posted

技术标签:

【中文标题】如何使用动态数据创建统计饼图?【英文标题】:How to create statistical pie chart with dynamic data? 【发布时间】:2018-02-23 08:54:39 【问题描述】:

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

【问题讨论】:

只需一次谷歌搜索“动态饼图 java”即可找到答案。 嗯..我在谷歌搜索后发布了这个问题 谷歌搜索,点击第二个链接,链接到JFreeChart,这正是你想要的。 【参考方案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 图表。

我们也有很多库可以做到这一点,可以通过谷歌搜索来检查

【讨论】:

以上是关于如何使用动态数据创建统计饼图?的主要内容,如果未能解决你的问题,请参考以下文章

Echarts关于饼图data中数据如何动态填充?

vue echarts饼图环形 (随着legend动态显示数据总数)

如何动态查询数据库并在仪表板上绘制值?

在.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图

如何使用canvasJS在PHP中制作动态图表?

如何使用canvasJS在PHP中制作动态图表?