echarts饼图去掉指示线

最新推荐文章于 2024-01-23 13:43:17 发布

原创最新推荐文章于 2024-01-23 13:43:17 发布 · 9.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #javascript #前端

本文详细介绍了饼图的配置选项，包括避免标签重叠、设置内外半径、颜色选择、边框宽度和颜色设定，以及内部标签的显示、位置、颜色、大小和格式。同时，还提及了删除指示线的设置，整体探讨了如何优化饼图的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 {
            type: 'pie',
            avoidLabelOverlap: true,  //避免标签重叠
            radius: ['48%', '92%'],
            color:['#3dc5d1', '#ee4e40', '#fbb321'],
            itemStyle: {
              borderColor: '#201f1d',
              borderWidth: 9,          
            },
            label: {
              show: true,
              position: 'inner',
              color:'#fff',
              fontSize: '28',
              formatter: '{d}%',
              fontWeight:'bold',
            },
            data: this.pieData,
            labelLine:{  //删除指示线
              show:false
            }
          }