echarts 饼状图文字随着扇形图倾斜

echarts yekong

echarts 饼状图先渲染的时候,饼状图内部的文字也需要随着扇形图的角度进行相应的角度调整。

这里我们使用 rotate: 'tangential',来实现。

echarts 饼状图文字随着扇形图倾斜

label: {
  show: true,
  fontWeight: 'bold',
  fontSize: 18,
  lineHeight: 22,
  color: '#FFFFFF',
  rotate: 'tangential',
  position: 'inside'
},

在 ECharts 中,rotate: 'tangential' 是一个标签(label)的配置选项,用于设置标签的旋转方式。当设置为 'tangential' 时,标签将沿着数据项的边缘方向旋转,使得标签的显示方向与数据项的边缘方向一致。这种设置在某些图表类型(如饼图、仪表盘等)中可以使标签的显示更加清晰易读。

喜欢