Charts colors in visualization, popover and legend aren't matching

Summary

Even though there are three color variants in the popover (one color per series), all the lines in the graph are blue, as are all the chips in the tooltip

Steps to reproduce

Cluster health: https://gitlab.com/gitlab-org/monitor/tanuki-inc/-/clusters/75523

Metrics dashboard with similar issue: https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/environments/269942/metrics

Example Project

(See sample links above)

What is the current bug behavior?

Lines in the chart and the chips in the legend are all blue.

What is the expected correct behavior?

They should all be different colors, matching what's in the popover.

Relevant logs and/or screenshots

On metrics dashboard	On cluster health graphs

Output of checks

(If you are reporting a bug on GitLab.com, write: This bug happens on GitLab.com)

Results of GitLab environment info

Expand for output related to GitLab environment info

(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:env:info)
(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production)

Results of GitLab application Check

Expand for output related to the GitLab application check

(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true)
(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true)
(we will only investigate if the tests are passing)

Possible fixes

(If you can, link to the line of code that might be responsible for the problem)