本文介绍了两种使用Echarts创建圆角环形图的方法。方案一是结合极坐标系和bar类型图表，通过设置渐变色和特定属性实现圆角效果；方案二是利用pie类型图表配合边框宽度和阴影效果模拟圆角。文章还详细解释了颜色渐变的配置方法。
方案一：使用 极坐标系 和 bar 实现
效果：
实现代码：
const chartData = {
title: {
text: ‘75‘,
textStyle: {
color: ‘#01c4a3‘,
fontSize: 30,
},
subtext: ‘总分：100分‘,
subtextStyle: {
color: ‘#909090‘,
},
itemGap: 0, // 主副标题距离
left: ‘center‘,
top: ‘center‘,
},
angleAxis: {
max: 100, // 满分
clockwise: false, // 逆时针
// 隐藏刻度线
axisLine: {
show: false,
},
axisTick: {
show: false,
},
axisLabel: {
show: false,
},
splitLine: {
show: false,
最低0.47元/天 解锁文章
632
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
