Question

我正在使用VictoryPie做出反应原生（胜利原生）。我的目标是能够在onClick（onPress）上更改饼图的一个切片的颜色。在任何时候，只应将单个切片的颜色更改为我的高亮颜色。

使用事件道具，我可以更改切片onPress的颜色，但是无法使用以下代码点击另一个切片时重置它：

onPress: () => {
  return [
    {
      target: 'data',
      mutation: (props) => {return {style: {...props.style, fill: #000000}}}
    }
}

理想情况下，我想使用额外的eventKey prop来为其他切片返回{style：undefined}。但是我无法确定如何为eventKey prop获取其他元素的数组。 onPress没有任何声明索引或元素的参数。还有其他方法可以让我知道在onPress函数中点击了哪个项目吗？

提前感谢您的帮助！

Answer 1

没有在文档中找到它，但在网上搜索，看到你可以在onClick / onPress中使用道具作为参数

Answer 2

您可以先在突变对象中检查这样的填充道具

mutation: (props) => {                                           
   const fill = props.style && props.style.fill;
   return fill === "#7CFC00" ? null : { style: { fill: "#7CFC00" } };
  }

VictoryPie一次点击一系列图表

2 个答案: