reactjs - Victory Native Pie 工具提示保持事件状态

Question

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

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

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

Answer 1

这几乎可以满足要求: 注意 onPressIn 中的 eventKey='all' 要先停用所有的工具提示(标签组件应该是工具提示)，然后在 onPressOut 中激活所需的工具提示>

  <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}),
                       }
                    ];
                  },
                },
              },
            ]}
    />