Skip to content

Improve metrics line chart symbols with traces

Daniele Rossetti requested to merge drosse/improve-metrics-chart-with-traces into master

What does this MR do and why?

  • Set bullseye icon to datapoints with tracing data
  • Increase symbol size for selected datapoints

Related to Improve metrics charts symbols (#483071)

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Nothing selected:

image

Datapoint selected:

image

With Related Traces Widget:

image

With dark mode:

image

How to set up and validate locally

  1. You need a GitLab Ultimate license.
  2. Enable the :observability_features feature flag.
  3. Apply patch to load local mocks git apply < <(curl -s https://gitlab.com/gitlab-org/opstrace/opstrace/-/snippets/3744171/raw/main/mock.patch)
  4. Go to http://gdk.test:3443/flightjs/Flight/-/metrics
  5. Select a non-histogram metric
Edited by Daniele Rossetti

Merge request reports