[Infra UI] Add missing configuration to display dotted lines in the metric charts

[crespocarlos]

fixes #166850

Summary

This PR fixes a problem where the charts were not configured to display dotted lines when there were data points missing.

How to test

• Setup a local Kibana instance pointing to an oblt cluster
• Navigate to Infrastructure > Hosts
• Click on a host to navigate to the details page
• Verify if charts with missing data points display dottet lines

[apmmachine]

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

• /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
• /oblt-deploy-serverless : Deploy a serverless Kibana instance using the Observability test environments.
• run elasticsearch-ci/docs : Re-trigger the docs validation. (use unformatted text in the comment!)

[crespocarlos]

Ensures that charts reload whenever the submit button is clicked

[kibana-ci]

💛 Build succeeded, but was flaky

• Buildkite Build
• Commit: 12f1b9c

Failed CI Steps

• FTR Configs #7

Test Failures

• [job] [logs] FTR Configs #7 / Journey[many_fields_lens_editor] Open existing Lens visualization

Metrics [docs]

Async chunks

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

id	before	after	diff
infra	2.0MB	2.0MB	+53.0B

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

[elasticmachine]

Pinging @elastic/infra-monitoring-ui (Team:Infra Monitoring UI)

[mykolaharmash]

I've noticed that all the CPU and Memory charts still show a solid line. Should this be fixed as well? I've tested locally by stopping/starting metricbeat.

[crespocarlos]

I've noticed that all the CPU and Memory charts still show a solid line. Should this be fixed as well? I've tested locally by stopping/starting metricbeat.

Hi @mykolaharmash , thanks for checking that.

In order for the dotted lines to appear, the interval in which the metric is collected needs to be larger than the interval Lens sets in the query. The interval Lens sets increases or decreases according to the data/time interval passed into it. So if you set the date picker to a wide date range, you may not see any gaps, whereas if the range is small, it's more likely to see the gaps.

That said, if the CPU is showing solid lines, it means that the query interval was able to return aggregations with data in the time buckets. When that's not the case, the dotted lines will appear:

What is strange is the fact that the Network chart is much more likely to display gaps than the other charts. I don't know why and it may be that Metricbeat is taking longer than expected to report network metrics.

[mykolaharmash]

That said, if the CPU is showing solid lines, it means that the query interval was able to return aggregations with data in the time buckets. When that's not the case, the dotted lines will appear

Ah, I see, the granularity of the lens query was not enough to see the data gap. Thank you for the explanation 🙌

[mykolaharmash]

LGTM 🚀