Skip to content

Bubble chart tooltip customization capabilities #1042

@smith

Description

@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:

image

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestreleasedIssue released publicly

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions