echarts绘制嵌套环形图/ 双饼图

最新推荐文章于 2025-06-20 12:15:10 发布

金刚大力士

最新推荐文章于 2025-06-20 12:15:10 发布

阅读量1.3w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： echarts图标 echarts图例 JavaScript基础知识点文章标签： echarts嵌套环形图/ 双饼图 echarts双饼图 echarts

本文链接：https://blog.youkuaiyun.com/qq_42177730/article/details/84789659

本文将介绍如何利用Echarts库来绘制设备类型的嵌套环形图，其中设备品牌显示在外层。通过后台返回的数据格式，详细阐述了HTML结构和JavaScript实现代码，帮助读者理解并实现这种图表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设备类型在里设备品牌在外

后台返回数据如下格式：



    device_brand_distribution = [{'equipment_type': '智能手机', 'equipment_brand': 'xiaomi',                                     
                                'equipment_output': '20.0%', 'equipment_type_number': 300,

                              'equipment_brand_number': 200},

                             {'equipment_type': '智能手机', 'equipment_brand': 'huawei', 
                             'equipment_output': '10.0%', 'equipment_type_number': 300,

                              'equipment_brand_number': 100},

                             {'equipment_type': 'desktop', 'equipment_brand': '联想', 
                              'equipment_output': '70.0%',

                              'equipment_type_number': 700,

                              'equipment_brand_number': 700}]