Added no data available message to sparklineplus

This commit is contained in:
Bob Monteverde 2012-07-27 18:18:56 -04:00
parent bded864229
commit 0c8cf9261d
3 changed files with 63 additions and 3 deletions

View File

@ -7842,7 +7842,9 @@ nv.models.sparklinePlus = function() {
color = nv.utils.defaultColor(),
id = Math.floor(Math.random() * 100000), //Create semi-unique ID incase user doesn't selet one
xTickFormat = d3.format(',r'),
yTickFormat = d3.format(',.2f');
yTickFormat = d3.format(',.2f'),
noData = "No Data Available."
;
var x = d3.scale.linear(),
y = d3.scale.linear(),
@ -7853,6 +7855,27 @@ nv.models.sparklinePlus = function() {
var availableWidth = width - margin.left - margin.right,
availableHeight = height - margin.top - margin.bottom;
//------------------------------------------------------------
// Display No Data message if there's nothing to show.
if (!data || !data.length || !data.filter(function(d) { return d.values.length }).length) {
container.append('text')
.attr('class', 'nvd3 nv-noData')
.attr('x', availableWidth / 2)
.attr('y', availableHeight / 2)
.attr('dy', '-.7em')
.style('text-anchor', 'middle')
.text(noData);
return chart;
} else {
container.select('.nv-noData').remove();
}
//------------------------------------------------------------
x .domain(d3.extent(data, getX ))
.range([0, availableWidth]);
@ -7989,6 +8012,13 @@ nv.models.sparklinePlus = function() {
return chart;
};
chart.noData = function(_) {
if (!arguments.length) return noData;
noData = _;
return chart;
};
return chart;
}

2
nv.d3.min.js vendored

File diff suppressed because one or more lines are too long

View File

@ -9,7 +9,9 @@ nv.models.sparklinePlus = function() {
color = nv.utils.defaultColor(),
id = Math.floor(Math.random() * 100000), //Create semi-unique ID incase user doesn't selet one
xTickFormat = d3.format(',r'),
yTickFormat = d3.format(',.2f');
yTickFormat = d3.format(',.2f'),
noData = "No Data Available."
;
var x = d3.scale.linear(),
y = d3.scale.linear(),
@ -20,6 +22,27 @@ nv.models.sparklinePlus = function() {
var availableWidth = width - margin.left - margin.right,
availableHeight = height - margin.top - margin.bottom;
//------------------------------------------------------------
// Display No Data message if there's nothing to show.
if (!data || !data.length || !data.filter(function(d) { return d.values.length }).length) {
container.append('text')
.attr('class', 'nvd3 nv-noData')
.attr('x', availableWidth / 2)
.attr('y', availableHeight / 2)
.attr('dy', '-.7em')
.style('text-anchor', 'middle')
.text(noData);
return chart;
} else {
container.select('.nv-noData').remove();
}
//------------------------------------------------------------
x .domain(d3.extent(data, getX ))
.range([0, availableWidth]);
@ -156,5 +179,12 @@ nv.models.sparklinePlus = function() {
return chart;
};
chart.noData = function(_) {
if (!arguments.length) return noData;
noData = _;
return chart;
};
return chart;
}