option = {
title: {
text: '75%',
textStyle: {
color: '#48FFFF',
fontSize: 12
},
left: 'center',
top: 'center'
},
angleAxis: {
max: 100, // 满分
clockwise: false, // 逆时针
// 隐藏刻度线
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
show: false
},
splitLine: {
show: false
}
},
radiusAxis: {
type: 'category',
// 隐藏刻度线
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
show: false
},
splitLine: {
show: false
}
},
polar: {
center: ['50%', '50%'],
radius: '140%' //图形大小
},
series: [{
type: 'bar',
data: [{
name: '作文得分',
value: 70,
itemStyle: {
normal: {
color: { // 完成的圆环的颜色
colorStops: [{
offset: 0,
color: '#48FFFF' // 0% 处的颜色
}, {
echarts 饼状圆环图圆角
最新推荐文章于 2024-07-30 13:32:04 发布
本文介绍了如何使用Echarts库为饼状图和圆环图添加圆角效果,详细讲解了配置项设置,包括圆角半径、颜色渐变等关键参数的调整,帮助开发者实现更美观的数据展示。
摘要由CSDN通过智能技术生成