Victory Native Pie 工具提示保持活动状态

Question

请帮助我完成 Victory Native Config 或满足以下要求：

Victory Pie 的工具提示应该处于活动状态，并且即使在针对按下的扇区按下后仍保持活动状态。此外，各个饼图扇区的所有其他工具提示都应该关闭，只有最近按下的那个应该处于活动状态。

如果开箱即用的 Victory-Native 无法处理此问题，请指导我如何处理。

Answer 1

这几乎可以满足要求：注意onPressIn中的eventKey='all'先停用所有的tooltip（标签组件应该是tooltip）然后在onPressOut

中激活需要的tooltip

  <VictoryPie 
    ...     
    labelComponent = {<VictoryToolTip/>}
    events={[
              {
                target: 'data',
                eventHandlers: {
                  onPressIn: ({nativeEvent}) => {
                    return [
                      {
                        // Add an event to reset all the points to the original color
                        target: 'labels',
                        eventKey: 'all',
                        mutation: () => ({active: false}),
                      },
                    ];
                  },
                  onPressOut: ({nativeEvent}) => {
                    return [
                      {
                        target: 'labels',
                        mutation: () => ({active: true}),
                       }
                    ];
                  },
                },
              },
            ]}
    />

Victory Native Pie 工具提示保持活动状态

Victory Native Pie tooltip to remain active

reactjs

react-native

victory-charts

victory-native