score:3
this has been added per the uservoice entry.
score:1
i used a little workaround to solve this problem. basically i'm overlaying a div containing the message "no data to display".
.nochartdata {
display: hidden;
position: absolute;
z-index: 99;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #ccc;
}
<div class="nochartdata">no data to display</div>
when the page loads i'm using jquery to find the position of the chart then offsetting the "no data" div and revealing it accordingly.
var chartposition = $("#mychart").position();
$(".nochartdata").css("left", chartposition.left + 400);
$(".nochartdata").css("top", chartposition.top + 150);
you'll need to vary the offsets accordingly depending on the size of your chart. i am using an ajax call to pull in the series and category data so i know just before i bind the chart whether or not to reveal the floating "no data" div.
score:1
a very simple example:
highcharts.setoptions({lang: {nodata: "your custom message"}})
var chart = highcharts.chart('container', {
series: [{
data: []
}]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
<div id="container" style="height: 250px"></div>
hope this helps someone
score:22
it is now supported in highcharts since v3.0.8
you need to load the no-data module and then, you can specify a custom message through the lang.nodata option:
highcharts.setoptions({lang: {nodata: "your custom message"}});
Source: stackoverflow.com
Related Query
- How to display No Data Available Message in highcharts
- How to show No Data Available Message in highcharts
- how to display 2 same highcharts without duplicate the code
- How to hardcode chart data in my Model then have my Controller pull it from there to display it. Using Highcharts
- How to make the Y Axis values not start from 0 in highcharts? How to display forcefully display the last category data on X axis in HighCharts ?
- Highcharts display label for pie chart using html table as data source
- Highcharts How to display total of data classes in legend
- How to use axios to fetch data from servlet and then crossfilter it and display via highcharts
- How to display historical data and live data from database using Highcharts
- How to display monthly data in Highcharts graph?
- How to display no data found in highcharts
- How to have multiple highcharts with different series data in vuejs without repeating code
- how to display data labels / stacklabels for a grouped highhcarts- Highcharts
- How to use highcharts to display data of only five point when the page is initialized?
- Highcharts - How to change display data and remove mouseover?
- How to display tooltip data below x-axis category labels using Highcharts
- how do i link my sqlite(PDO) databse data to highcharts code
- how do you display only the latest poll data in highcharts
- How to display data coming from the controller as collection in a ViewData dynamically Highcharts
- How to display real time data using highcharts for Angular application?
- How to display full text in data labels in sunburst highcharts
- Highcharts, influxdb and nodejs, how to display data of influxdb in highcharts using influxdb-nodejs?
- How to display extra data in highcharts bubble chart tooltip with datetime x-axis
- How to display custom or non-series data array on Highcharts tooltip on hover?
- How to build a JSON data array for Highcharts display - switching values for xAxis/columns
- How to make highcharts default to 0 for missing data
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Always display data labels above columns in HighCharts
- Highcharts How to Show Loading Animation At Set Data
- Highcharts doesn't display series with lots of data points
More Query from same tag
- Turning array of JSON objects into an array for HighCharts/GoogleCharts
- Highstock Angular value in legend
- How Highcharts ChartView redraw or wait for AsyncTask data in Android
- Using Highcharts.js to create a punch card style graph
- [Highcharts]: TickInterval on X-Axis is not respected after chart.update();
- Best way to add different colours based on conditions to bargraphs plotted with Highcharts.js
- Highcharts change or add color for name in a array of point.names and y
- Highcharts Y axis bounds ignore floor/ceiling
- How to add an icon beside all the series in an legend
- Exporting HighCharts chart specific height width
- Highcharts - highlight mouse position within a range
- Formatter Function not working in Highstocks
- How to work with Highcharts in AngularJS
- Where can I find the API documentation for older versions of Highcharts?
- HighCharts Rendering Issue In Chrome
- How do I add secondary axis to highstock charts?
- how to change highcarts sunburst slice/level without clicking levels
- Gauge graph with gradient green-yellow-red
- Set max y axis point 10% greater than current max - Highcharts
- How to do In highchart tooltip display the first 100 characters and then say "See more .."?
- Add additional data to tooltip in iOS which does not belongs to x&y-axis of graph
- Show tootip and select pie slice on legend click of pie chart in HighCharts
- Custom legend in rCharts (highcharts)
- Highcharts hidden flag
- How to create Waterfall model chart using QuickChart?
- Remove the line and tickers on the X axis
- Highcharts datetime axis overlap with a long time series
- Format tooltip in highchart map for dynamic variables, some with commas and others with percents
- Highcharts html legend, what column was clicked
- How to customize each column in Highcharts stacked column