Show message when chart has no data


So there are times where a data source (list) will be empty.

At those times, I would like to display a message - something like, “No data available”. I’ve looked high and low and have had no success…

can you point me in the right direction?


Please, go to Dashboard -> Advanced and paste the following code into the code box:

[code]var handlers = {};
handlers.preRender = function(config, logger, processor, el) {
if(!config.series || config.series.length === 0 || !config.series[0].data || config.series[0].data.length === 0) {
config.render = function() {

       <p style="display: flex; justify-content: center; align-items: center; height: 100%;">
            No data available

return true;