[charts] Synchronized Tooltips When Highlighted Item is Shared

[ckrohn-JB]

Summary

Synchronized item highlighting is great, but in order for a full implementation with a multi-chart setup I need to display tooltips across all charts.

If the tooltip for each is as follows on an arbitrary date:

Pricing:

• Pizza: $10.14
• Popcorn: $5.13

Sales:

• Pizza: 5
• Popcorn: 10

When the id between each is "sync", and an axis highlight is triggered, I'd like to render both of these tooltips in their respective areas. When an item is selected and set via highlightedItem I'd like to render each matching item.

If pizza is highlighted on the pricing chart I'd like the tooltip on the sales chart to also display the corresponding content (Rendering both $10.14 and 5).

Please let me know if this is already possible.

Thanks!

Examples

Apex Charts Example

Motivation

Imagine you are displaying pricing data, and sales data across multiple product lines at once on a line chart. To clean up the display you want to render them in separate charts, as there are numerous items that get cluttered fast. When you hover over the x-axis you can render the tooltip as expected, but for all charts when synchronized instead of just one.

Search keywords: highlight tooltip synchronized

Order ID: 86204