Add empty state to panels
What does this MR do and why?
Adds an empty state to dashboard panels, so there is a clear message when no data is found for the current query / filter, instead of just showing a blank chart. SingleStat panels continue to display 0.
Screenshots or screen recordings
| before | after |
|---|---|
 |
 |
 |
 |
How to set up and validate locally
To test the product analytics dashboard items are shown, you will need to follow the instructions at https://gitlab.com/gitlab-org/gitlab/-/snippets/2474959 to enable Product Analytics on your GDK.
Then visit the projects shared dashboards listing e.g. http://gdk.test:3000/gitlab-org/gitlab-test/-/analytics/dashboards and click into one.
Adjust your filters to be specific enough that no data is returned for the dashboard panels, e.g. set time to "Today" if you have not recorded any events today.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #391706 (closed)