option = {
backgroundColor:'#000',
tooltip: {
trigger: "item",
formatter: "{b} : {c} ({d}%)",
},
grid: {
// top: '100px',
left: "3%",
buttom: "3%",
},
// animationEasing: 'cubicOut',
series: [
{
radius: "70%",
center: ["50%", "50%"],
type: "pie",
animation: true, // 启用动画效果
animationType: "scale", // 设置动画类型为缩放
animationDuration: 1000, // 设置动画持续时间为1秒
color: [
"#3471fd", "#6babff", "#aee1ff", "#5598ff", "#4a53ff", "#5fc6fc"
],
itemStyle: {
normal: {
label: {
show: true,
formatter: "{b}:{d}%",
color: '#82f1ff',
fontSize: '15px',
fontWeight: '530',
},
shadowColor: "rgba(6, 85, 208, 1)",
shadowBlur: 40,
},
},
data: [{
name:'商品1',
value:20
},{
name:'商品2',
value:20
},{
name:'商品3',
value:20
},{
name:'商品4',
value:20
},],
},
{
type: "pie",
radius: ["82%", "83.5%"],
center: ["50%", "50%"],
// radius: '90%',
hoverAnimation: false,
clockWise: false,
itemStyle: {
normal: {
shadowBlur: 1,
shadowColor: "rgba(15, 79, 150,0.61)",
color: "#053775",
},
},
label: {
show: false,
},
data: [100],
},
{
type: "pie",
radius: ["82%", "85.5%"],
center: ["50%", "50%"],
// radius: '90%',
hoverAnimation: false,
clockWise: false,
color: [
"#55c2e200",
"#0698fb",
"#ff5a6100",
"#0698fb",
],
label: {
show: false,
},
data: [100, 30, 100, 30],
// data: [30,30,30,30,30,30],
},
],
};