Menu
I'd like to know if there is a built-in or accepted way to show a label or message over the chart (or where the chart would be) if there are no data series.
I couldn't find anything in the Highcharts docs and I'm trying to stay away from using jQuery (or just JavaScript in general) to check if the result has data and then changing the DOM on my own.
The data is coming in as json from a MVC 3 controller call if that helps or changes anything.
Ideally it would be a message that displays over an empty chart so users know a chart object is there.
Thanks!
247
To show 'no data' message on a pie chart, you need to remove data from a chart. Also, the 'no data' feature requires the file no-data-to-display. js to be loaded in the page. If you want to show some kind of info when data is hidden, you can add custom text with Chart.
The plotOptions is a wrapper object for config objects for each series type. The config objects for each series can also be overridden for each series item as given in the series array. Configuration options for the series are given in three levels. Options for all series in a chart are given in the plotOptions.
8, Highcharts has built-in support for drilldown. By giving a point configuration a drilldown option that corresponds to a series configuration in the drilldown. series array, the point is linked to a hidden series. When the point is clicked, this series is loaded in the chart and replaces the existing series.
There is now an official plugin which shows a 'No Data to Display' message, after the loading message, when there is no data loaded into the chart. I've found it to be quite handy when the user is allowed to select a time range from search and filter form, and no results are returned from the search. It looks much better than having an empty chart.
Here is a link announcing the plugin, and jsfiddle example.
http://highcharts.uservoice.com/forums/55896-general/suggestions/1065633-display-no-data-to-display
79
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
