Echarts环形图

option = {
title: {
left: ‘center’
},
tooltip: {
trigger: ‘item’,
formatter: ‘{a}
{b} : {c} ({d}%)’,
textStyle: {
fontSize: 18,
fontFamily: ‘KaiTi’,
}
},
legend: {
left: ‘150’,
right:‘150’,
top: ‘500’,
data: [‘AD伴抑郁患病率’, ‘癫痫伴抑郁患病率’, ‘卒中后抑郁患病率’, ‘多发性硬化伴抑郁患病率’, ‘PD伴抑郁患病率’],
textStyle: {
fontSize: 23,
fontFamily: ‘KaiTi’,
fontWeight:‘bolder’
}

},
toolbox: {
    show: true,
    feature: {
        mark: {show: true},
        dataView: {show: true, readOnly: false},
        magicType: {
            show: true,
            type: ['pie', 'funnel']
        },
        restore: {show: true},
        saveAsImage: {show: true}
    }
},
series: [
  
    {
        name: '面积模式',
        type: 'pie',
        radius: [40, 110],
        center: ['50%', '40%'],
        roseType: 'area',
        data: [
            {value: 20, name: 'AD伴抑郁患病率'},
            {value: 20, name: '癫痫伴抑郁患病率'},
            {value: 20, name: '卒中后抑郁患病率'},
            {value: 20, name: '多发性硬化伴抑郁患病率'},
            {value: 20, name: 'PD伴抑郁患病率'},
           
        ],
        label: {
        normal: {
            show: true,
            textStyle:
            {
                fontSize: 23,
                fontFamily: 'KaiTi',
                fontWeight:'bolder',
                color:'#000'
            }
        }
     }
    
    }
   
]

};
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Echarts环形是一种常用的数据可视化表类型,用于展示数据的占比关系。它通常由一个圆环和多个扇形组成,扇形的大小表示数据的比例。以下是创建Echarts环形的步骤: 1. 首先,导入Echarts库并创建一个容器来放置表。可以使用HTML中的div元素作为表的容器。 2. 接下来,定义一个JavaScript变量来存储表的配置选项。配置选项包括表的类型、标题、例、数据等。 3. 在配置选项中,设置表的类型为环形。可以使用"pie"或者"pie"的别名"饼"来表示环形。 4. 设置表的标题和副标题,以便更好地描述表的含义。 5. 添加例,例用于标识不同扇形的含义。可以根据数据的类别或者名称来设置例。 6. 定义表的数据。数据可以是一个数组,每个元素代表一个扇形。每个扇形包括名称和对应的数值。 7. 对于环形,可以设置内外半径来调整环的大小。可以使用"radius"或者"innerRadius"和"outerRadius"来设置半径值。 8. 设置其他样式选项,如背景颜色、字体样式、边框样式等。 9. 最后,使用Echarts的API将容器和配置选项绑定在一起,并渲染出表。 总结一下,创建Echarts环形的步骤包括导入库、创建容器、定义配置选项、设置表类型、标题、例和数据、调整半径和样式,最后将容器和配置选项绑定并渲染表。 了解更多关于Echarts环形的详细信息,可以参考Echarts的官方文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值