可以通过设置series中的itemStyle属性来实现空心的圆形,具体代码如下:

var myChart = echarts.init(document.getElementById('main')); myChart.setOption({ title: { text: 'ECharts 入门示例' }, xAxis: { data: [ '衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子' ] }, yAxis: {}, series: [ { name: '销量', type: 'pie', radius: ['50%', '70%'], // 设置内外圆半径 itemStyle: { borderWidth: 2, // 设置边框宽度 borderColor: '#ffffff', // 设置边框颜色 }, data: [ // 数据设置与原来一致 {value: 5, name: '衬衫'}, {value: 20, name: '羊毛衫'}, {value: 36, name: '雪纺衫'}, {value: 10, name: '裤子'}, {value: 10, name: '高跟鞋'}, {value: 20, name: '袜子'} ] } ] })

var myChart = echartsinitdocumentgetElementByIdmain; myChartsetOption title text ECharts 入门示例 xAxis data 衬衫 羊毛衫 雪纺衫 裤子 高跟鞋

原文地址: https://www.cveoy.top/t/topic/bkRQ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录