[Feature]: External Trigger for Tooltip in Chart Components

[kronos1345]

What problem does this feature solve?

This feature request is for the capability to externally trigger tooltips in chart components, such as DonutChart. The primary use case is to allow tooltips to be activated when interacting with elements outside of the chart, like a list of data points. For instance, clicking on a data point in a separate list should activate the corresponding tooltip in the DonutChart.

Importance and Rationale:
This feature will enhance the interactivity and cohesion between different UI components, significantly improving user experience. It allows for more flexible and interactive data visualization, as users can receive detailed information about a chart segment not only by hovering over it but also through external interactions.

What does the proposed API look like?

<DonutChart
  data={...}
  category="..."
  index="..."
  // Other props
  externalTooltipTrigger={this.state.activeDataPoint} // Newly proposed prop
/>

In this proposal, the externalTooltipTrigger prop would take an identifier (like a data point name or index) that corresponds to a specific segment in the chart. When this prop is updated, the corresponding tooltip in the chart would become active, mirroring the behavior as if the user hovered over the segment itself.

This approach maintains current tooltip functionality while adding the flexibility to activate tooltips from external interactions, bridging the gap between different components and making data exploration more intuitive and user-friendly.

[kronos1345]

@severinlandolt Will you be working on this subject?

[severinlandolt]

Hey @kronos1345, will take this into our next API discussion. But from a first glance, makes total sense! Thanks for you feedback 🙏

[abdelkd]

I think this is similar to #876 which already has a PR #982 . I think of changing the props so there'd be another prop showLegend in order to make both this issue and #876 . If any changes needed to PR let me know.