[Lens][Heatmap] Enables cursor syncronization

[stratoula]

Summary

Part of #138398

This PR enables cursor synchronization into the heatmap charts.

The tooltip synchronization doesn't work. I opened a feature request in EC repo elastic/elastic-charts#1844

[stratoula]

@markov00 @nickofthyme I need your help here.

On the following gif I have an agg based heatmap (2nd chart) and a lens heatmap (3rd chart). Both charts share the same code but the hovering effect is visible only on the lens heatmap but not on the agg based. Can you understand why?

[nickofthyme]

Hey @stratoula, this is because Lens is setting Settings.externalPointerEvents.tooltip.visible to true, default is false. Added here.

kibana/src/plugins/chart_expressions/expression_xy/public/components/xy_chart.tsx

Lines 757 to 759 in d778fa4

	externalPointerEvents={{
	tooltip: { visible: syncTooltips, placement: Placement.Right },
	}}

This prop on the Settings spec is meant to control the behavior of the externally driven pointer events, including cursor sync. See externalPointerEvents and ExternalPointerEventsSettings for more details on available options.

Update

There was an error that created a difference in the behavior of the tooltip.visible option. Fixing it in elastic/elastic-charts#1842

[stratoula]

@nickofthyme thanx for the tip! You helped me to identify a bug #142954

So this means that the heatmap and the xy work differently right? In the XY even if I have the

externalPointerEvents={{
              tooltip: { visible: false, placement: Placement.Right },
            }}

although the tooltips are not synced, I can see the hovering

but in heatmap in order to see the hovering effect this should be always set to true?

[nickofthyme]

So this means that the heatmap and the xy work differently right?

No I agree this is a bug 🐛 that creates a difference in the behavior of the tooltip.visible option. Fixing it in elastic/elastic-charts#1842

[stratoula]

Pausing this until the fix on EC gets merged

[nickofthyme]

Updating EC with fix in #143103

[elasticmachine]

Pinging @elastic/kibana-vis-editors @elastic/kibana-vis-editors-external (Team:VisEditors)

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 9fc781b

Metrics [docs]

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id	before	after	diff
expressionHeatmap	101	102	+1

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
expressionHeatmap	91.1KB	91.3KB	+203.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
expressionHeatmap	13.8KB	14.0KB	+192.0B

Unknown metric groups

API count

id	before	after	diff
expressionHeatmap	105	106	+1

History

• 💚 Build #79665 succeeded 55a35b1
• 💚 Build #79075 succeeded 576e50a
• 💚 Build #79020 succeeded 5c82cb2
• 💔 Build #79008 failed 7718310
• 💚 Build #78637 succeeded dd1f00d
• 💔 Build #78626 failed ddb901e

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[flash1293]

LGTM for now, lets wait for datavis to add this on their side to complete the feature