Bubble chart tooltip customization capabilities

[smith]

In APM we want to implement a bubble chart with tooltips (elastic/kibana#88852). The current capabilities of tooltips are not sufficient at this time. #615 exists to improve tooltips but @markov00 asked me to open a separate issue to describe our specific needs.

The instances latency distribution chart in APM is a bubble chart that plots points for instances running a service with throughput on the X-axis and latency on the Y-axis:

The data points look like this:

{
  "serviceNodeName": "cdee148c7ee2cef54c1b1dbb6491b925d94f16e27c5ddaa1fa371e0bce3ee8ce",
    "throughput": {
    "value": 11.1875,
    },
  "latency": {
    "value": 623125.8212290503,
     },
}

We would like the tooltip to look something like:

+------------------------------------------------------------------+
| cdee148c7ee2cef54c1b1dbb6491b925d94f16e27c5ddaa1fa371e0bce3ee8ce |
+------------------------------------------------------------------+
| Latency 62 ms                                                    |
| Throughput 11 tpm                                                |
+------------------------------------------------------------------+

Since the tooltipProps.header does not receive a datum argument we are unable to easily get the serviceNodeName, and by default only the value of the throughput is shown in the body.

[nickofthyme]

🎉 This issue has been resolved in version 25.4.0 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀