[UI] Alert Details Chart

[gmmorris]

2nd part of this Alert Details page Issue:

Adds the Date Range UI and related Chart

1st part: #51546
3rd part: #55424

[pmuellr]

What do we want to show in this chart? The alert creation chart we currently have is specific to the index threshold alert type, so if this is meant to be similar, will also need to be a per-alert type kinda thing.

The alert creation chart shows a kind of "summary" of the values being checked against the threshold(s). It shows a sense of how the values change over time, but does not show exact points when an alert would be "triggered".

For alert details, we may want that same chart data - let's call it "historical summary", and also show the actual points when the alert was actually triggered, which we would presumably get from the event log.

[elasticmachine]

Pinging @elastic/kibana-alerting-services (Team:Alerting Services)

[gmmorris]

What do we want to show in this chart? The alert creation chart we currently have is specific to the index threshold alert type, so if this is meant to be similar, will also need to be a per-alert type kinda thing.

The alert creation chart shows a kind of "summary" of the values being checked against the threshold(s). It shows a sense of how the values change over time, but does not show exact points when an alert would be "triggered".

For alert details, we may want that same chart data - let's call it "historical summary", and also show the actual points when the alert was actually triggered, which we would presumably get from the event log.

Yup, this is the question I've been trying to get an answer for.
ATM this is an unknown, which is why I've separated it into a new issue.

[arisonl]

Latest mockup for alert details page with the chart:

• The histogram shows the monitored metric at any given point in time when the alerting condition is evaluated, for the time window which is selected through the time picker.
• The chart should show the threshold(s) as line(s) and the points in time when the thresholds are breached.
• How do we visualise the multiple instances? Do we create multiple charts, one per instance, or combine in one?
• Is this the alert details page for all types of alerts? In that case, a histogram is not necessarily applicable to all types of alerts? E.g. TLS expiration.
• Is a histogram the right choice if you have a large window selected with the time picker? In that case you might have a more continuous picture (dense data points).

Notes on the feature from competitive products: https://docs.google.com/presentation/d/15cTbu8xJFm7dKNNCAnBXnBu1Av4GSAyIbQkWQjDmcbQ/edit?usp=sharing

[gmmorris]

Looking at that chart it occurs to me that perhaps this should be provided not by the framework, but by the solution that implements the AlertType, as only they would know what kind of visualisation would make sense.

We can built the one for IndexThreshold, and the Alerts Details page would know how to inject the ReactComponent that is provided by the Alert Type (like we already do in the flyout for an AlertType's custom fields).

[mikecote]

Moving from 7.x - Candidates to 8.x - Candidates (Backlog) after the latest 7.x planning session.