我正在使用victory-native chart来呈现一个饼图，但是标题是嵌套的。
<VictoryPie
animate={{
duration: 1000,
easing: 'bounce',
}}
labelPosition={({index}) => 'centroid'}
labels={({datum}) => datum.x}
width={width - 100}
labelComponent={<VictoryLabel textAnchor={'end'} angle={45} />}
theme={VictoryTheme.material}
data={categorySumSales}
/>我的饼图：enter image description here
这个饼图，我想：enter image description here
1条答案
按热度按时间qvtsj1bj1#
我认为避免标签相互重叠的唯一方法是开发一个自定义的labelComponent，它考虑了每个标签相对于图表的位置，并以非重叠的方式呈现标签。
这太难了，因为您真正想要的只是显示每个数据切片的名称，使用legend是实现这一点的更简单的方法。