先上效果图,如下:
如何制作圆环之间的空隙呢?
option = {
backgroundColor:'#fff',
series: [
{
itemStyle:{
borderWidth:5, //设置border的宽度有多大
borderColor:'#fff',
},
data:[]
}
]
};
上面是在白色背景上,绘制带空隙的圆环设置边框为白色即可。
那在带有背景图的圆环上,又该如何设置呢?
只需将背景颜色透明化,采用背景颜色做圆环的图片即可。
backgroundColor: 'rgba(7,81,112,0)'