You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
2.8 KiB
JavaScript
129 lines
2.8 KiB
JavaScript
5 years ago
|
/**
|
||
|
|
* @license Highcharts JS v3.0.6 (2013-10-04)
|
||
|
|
* Plugin for displaying a message when there is no data visible in chart.
|
||
|
|
*
|
||
|
|
* (c) 2010-2013 Highsoft AS
|
||
|
|
* Author: Øystein Moseng
|
||
|
|
*
|
||
|
|
* License: www.highcharts.com/license
|
||
|
|
*/
|
||
|
|
|
||
|
|
(function (H) { // docs
|
||
|
|
|
||
|
|
var seriesTypes = H.seriesTypes,
|
||
|
|
chartPrototype = H.Chart.prototype,
|
||
|
|
defaultOptions = H.getOptions(),
|
||
|
|
extend = H.extend;
|
||
|
|
|
||
|
|
// Add language option
|
||
|
|
extend(defaultOptions.lang, {
|
||
|
|
noData: 'No data to display'
|
||
|
|
});
|
||
|
|
|
||
|
|
// Add default display options for message
|
||
|
|
defaultOptions.noData = {
|
||
|
|
position: {
|
||
|
|
x: 0,
|
||
|
|
y: 0,
|
||
|
|
align: 'center',
|
||
|
|
verticalAlign: 'middle'
|
||
|
|
},
|
||
|
|
attr: {
|
||
|
|
},
|
||
|
|
style: {
|
||
|
|
fontWeight: 'bold',
|
||
|
|
fontSize: '12px',
|
||
|
|
color: '#60606a'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Define hasData functions for series. These return true if there are data points on this series within the plot area
|
||
|
|
*/
|
||
|
|
function hasDataPie() {
|
||
|
|
return !!this.points.length; /* != 0 */
|
||
|
|
}
|
||
|
|
|
||
|
|
seriesTypes.pie.prototype.hasData = hasDataPie;
|
||
|
|
|
||
|
|
if (seriesTypes.gauge) {
|
||
|
|
seriesTypes.gauge.prototype.hasData = hasDataPie;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (seriesTypes.waterfall) {
|
||
|
|
seriesTypes.waterfall.prototype.hasData = hasDataPie;
|
||
|
|
}
|
||
|
|
|
||
|
|
H.Series.prototype.hasData = function () {
|
||
|
|
return this.dataMax !== undefined && this.dataMin !== undefined;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Display a no-data message.
|
||
|
|
*
|
||
|
|
* @param {String} str An optional message to show in place of the default one
|
||
|
|
*/
|
||
|
|
chartPrototype.showNoData = function (str) {
|
||
|
|
var chart = this,
|
||
|
|
options = chart.options,
|
||
|
|
text = str || options.lang.noData,
|
||
|
|
noDataOptions = options.noData;
|
||
|
|
|
||
|
|
if (!chart.noDataLabel) {
|
||
|
|
chart.noDataLabel = chart.renderer.label(text, 0, 0, null, null, null, null, null, 'no-data')
|
||
|
|
.attr(noDataOptions.attr)
|
||
|
|
.css(noDataOptions.style)
|
||
|
|
.add();
|
||
|
|
chart.noDataLabel.align(extend(chart.noDataLabel.getBBox(), noDataOptions.position), false, 'plotBox');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Hide no-data message
|
||
|
|
*/
|
||
|
|
chartPrototype.hideNoData = function () {
|
||
|
|
var chart = this;
|
||
|
|
if (chart.noDataLabel) {
|
||
|
|
chart.noDataLabel = chart.noDataLabel.destroy();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns true if there are data points within the plot area now
|
||
|
|
*/
|
||
|
|
chartPrototype.hasData = function () {
|
||
|
|
var chart = this,
|
||
|
|
series = chart.series,
|
||
|
|
i = series.length;
|
||
|
|
|
||
|
|
while (i--) {
|
||
|
|
if (series[i].hasData() && !series[i].options.isInternal) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Show no-data message if there is no data in sight. Otherwise, hide it.
|
||
|
|
*/
|
||
|
|
function handleNoData() {
|
||
|
|
var chart = this;
|
||
|
|
if (chart.hasData()) {
|
||
|
|
chart.hideNoData();
|
||
|
|
} else {
|
||
|
|
chart.showNoData();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Add event listener to handle automatic display of no-data message
|
||
|
|
*/
|
||
|
|
chartPrototype.callbacks.push(function (chart) {
|
||
|
|
H.addEvent(chart, 'load', handleNoData);
|
||
|
|
H.addEvent(chart, 'redraw', handleNoData);
|
||
|
|
});
|
||
|
|
|
||
|
|
}(Highcharts));
|