Provide functionality to update the text when no data is returned for all the charts in a dashboard

What is the problem or goal the end user is trying to solve or accomplish?

When a user uses the dashboard filters to look for specific information in the nested charts, they will see a message saying "No results were returned for this query" when the applied dashboard filters produces that no data is displayed in the charts.

If the customer wants to update that default message displayed and change it for a different text, they need to use CSS and apply it individually chart by chart. This is because each chart has different class ids.

How are they solving it currently?

They need to indentify the string ID of each chart and apply something like this:

/* Hide the default message /
.css-17vt6zw p {
visibility: hidden; / hides the text but keeps the space */
position: relative;
}

/* Add your custom message /
.css-17vt6zw p::after {
content: "🔍 No data available. Please adjust filters!";
visibility: visible;
position: absolute;
left: 0;
top: 0;
color: #ff5722; / Customize color /
font-weight: bold; / Optional /
font-size: 14px; / Optional */
}

This script works but its time consuming because they need to identify the class ID for each specific chart and assign those modifications.

What is the recommended solution by the Customer?

They are looking for a faster way to change the default text displayed when no information is retrieved in all the charts.