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
  • Add chart annotation when datapoint selected

Related to Improve metrics charts symbols (#483071 - moved)

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.png

Datapoint selected:

image.png

With dark mode:

image.png

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