React Native 如何隐藏VictoryChart作为孩子与VictoryPie一起使用?

ymdaylpp  于 2023-04-12  发布在  React
关注(0)|答案(1)|浏览(116)

我使用VictoryPie作为VictoryChart的子组件。我不得不使用它来解决onLongPress事件的使用。但是当我这样做时,VictoryChart布局出现在我的VictoryPìe组件后面。
我的组件:

<VictoryChart
 containerComponent={<VictoryContainer disableContainerEvents />}>
 <VictoryPie
  padAngle={({datum}) => datum.y + 2}
  width={335}
  innerRadius={10}
  labelRadius={({innerRadius}) => innerRadius + 45}
  colorScale={['#4D90FF']}
  style={{labels: {fill: 'white', fontSize: 14}}}
  data={btnState}
  labelComponent={<PlayAudio />}
  events={eventsArray}
 />
</VictoryChart>

enter image description here
我已经尝试了许多属性在victoryChart但没有一个工作。
例如:style={{ parent:{ border:“none”} }}主题={{ axis:{ style:{ display:“无”}} }}
我想删除我的VictoryPie后面的边框和数字。

3ks5zfa0

3ks5zfa01#

我使用VictoryAxis解决了这个问题。

<VictoryAxis
 style={{
  axis: {stroke: 'transparent'},
  ticks: {stroke: 'transparent'},
  tickLabels: {fill: 'transparent'},
 }}/>

相关问题