app.title = '环形图';
option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
title: [
{
text: 'qwe',
x: "center",
y: "35%",
textStyle: {
fontWeight: "bold",
color: "#333333",
fontSize: "20"
}
},
{
text: '123',
x: "center",
y: "52%",
textStyle: {
fontWeight: "400",
color: "#333333",
fontSize: "12",
},
}
],
color: ["rgba(176, 212, 251, 1)"],
series: [
{
name:'12345',
type:'pie',
clockWise: true,
radius: ['50%', '66%'],
//avoidLabelOverlap: false,
itemStyle: {
normal: {
label: {
show: false
},
labelLine: {
show: false
}
}
},
hoverAnimation: false,
// label: {
// normal: {
// show: false,
// position: 'center'
// },
// emphasis: {
// show: true,
// textStyle: {
// fontSize: '30',
// fontWeight: 'bold'
// }
// }
// },
labelLine: {
normal: {
show: false
}
},
data:[
{
value: ['1'],
name: "01",
itemStyle: {
normal: {
color: {
// 完成的圆环的颜色
colorStops: [
{
offset: 0,
color: ['#ff00ff'] // 0% 处的颜色
},
{
offset: 1,
color: ['#000000'] // 100% 处的颜色
}
]
},
label: {
show: false
},
labelLine: {
show: false
}
}
}
},
{
name: '02',
value: 10
}
]
}
]
};
echarts 环型图
最新推荐文章于 2025-06-15 09:06:09 发布