echarts使用（二）项目中饼图的使用

最新推荐文章于 2023-02-22 11:36:46 发布

Todd0517

最新推荐文章于 2023-02-22 11:36:46 发布

阅读量1.7k

点赞数

分类专栏： echarts

本文链接：https://blog.csdn.net/osunxu/article/details/77980206

版权

本文介绍了如何在项目中使用ECharts实现饼图，强调了ECharts的易用性，并详细说明了通过Ajax获取JSON数据来动态填充饼图的过程。

摘要由CSDN通过智能技术生成

项目中使用到到的一些饼图。

感觉echart的使用还是挺简单的，UI给设计好色彩搭配以后我们直接使用。实际在使用中都是ajax后台发送请求，返回一个json串，然后对数据进行动态填充。

表中的Json数据：

{
    "state": 1, 
    "list": [
        {
            "COUNT": 14, 
            "AGE": "10-19岁："
        }, 
        {
            "COUNT": 16211, 
            "AGE": "20-29岁："
        }, 
        {
            "COUNT": 37304, 
            "AGE": "30-39岁："
        }, 
        {
            "COUNT": 46692, 
            "AGE": "40-49岁："
        }, 
        {
            "COUNT": 20057, 
            "AGE": "50-59岁："
        },