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

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

原创

最新推荐文章于 2025-06-20 12:15:10 发布 · 1.3w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#echarts嵌套环形图/ 双饼图 #echarts双饼图 #echarts

本文将介绍如何利用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}]