ECharts 饼图内环:graphic 参数 ring 使用指南
ECharts 饼图中的 graphic 参数可以用于自定义图形元素,其中 'ring' 属性可以用于绘制饼图的内环。
具体来说,可以通过以下代码实现绘制内环:
graphic: [
{
type: 'ring',
shape: {
cx: '50%',
cy: '50%',
r: ['40%', '50%']
},
style: {
stroke: '#fff',
lineWidth: 1
}
}
]
其中,'type' 属性指定绘制的图形类型为 'ring','shape' 属性用于设置图形的位置和大小,'style' 属性用于设置图形的样式。
在上面的代码中,'cx' 和 'cy' 分别表示图形的中心点的横纵坐标,'r' 表示图形的内外半径,使用了数组来指定内外半径的大小范围。'stroke' 和 'lineWidth' 属性用于设置图形的边框颜色和宽度。
通过以上代码,即可在饼图中绘制出内环。
原文地址: https://www.cveoy.top/t/topic/lxsX 著作权归作者所有。请勿转载和采集!