Added ability to right align the sparklinePlus current value

master-patched
Bob Monteverde 12 years ago
parent 2922f6ea5b
commit 97e3c25345

@ -9976,6 +9976,7 @@ nv.models.sparklinePlus = function() {
, yTickFormat = d3.format(',.2f')
, showValue = true
, alignValue = true
, rightAlignValue = false
, noData = "No Data Available."
;
@ -10069,11 +10070,12 @@ nv.models.sparklinePlus = function() {
.data([currentValue]);
value.enter().append('text').attr('class', 'nv-currentValue')
.attr('dx', 8)
.attr('dy', '.9em');
.attr('dx', rightAlignValue ? -8 : 8)
.attr('dy', '.9em')
.style('text-anchor', rightAlignValue ? 'end' : 'start');
value
.attr('x', availableWidth)
.attr('x', availableWidth + (rightAlignValue ? margin.right : 0))
.attr('y', alignValue ? function(d) { return y(d) } : 0)
.style('fill', sparkline.color()(data[data.length-1], data.length-1))
.text(yTickFormat(currentValue));
@ -10228,6 +10230,12 @@ nv.models.sparklinePlus = function() {
return chart;
};
chart.rightAlignValue = function(_) {
if (!arguments.length) return rightAlignValue;
rightAlignValue = _;
return chart;
};
chart.noData = function(_) {
if (!arguments.length) return noData;
noData = _;

2
nv.d3.min.js vendored

File diff suppressed because one or more lines are too long

@ -18,6 +18,7 @@ nv.models.sparklinePlus = function() {
, yTickFormat = d3.format(',.2f')
, showValue = true
, alignValue = true
, rightAlignValue = false
, noData = "No Data Available."
;
@ -111,11 +112,12 @@ nv.models.sparklinePlus = function() {
.data([currentValue]);
value.enter().append('text').attr('class', 'nv-currentValue')
.attr('dx', 8)
.attr('dy', '.9em');
.attr('dx', rightAlignValue ? -8 : 8)
.attr('dy', '.9em')
.style('text-anchor', rightAlignValue ? 'end' : 'start');
value
.attr('x', availableWidth)
.attr('x', availableWidth + (rightAlignValue ? margin.right : 0))
.attr('y', alignValue ? function(d) { return y(d) } : 0)
.style('fill', sparkline.color()(data[data.length-1], data.length-1))
.text(yTickFormat(currentValue));
@ -270,6 +272,12 @@ nv.models.sparklinePlus = function() {
return chart;
};
chart.rightAlignValue = function(_) {
if (!arguments.length) return rightAlignValue;
rightAlignValue = _;
return chart;
};
chart.noData = function(_) {
if (!arguments.length) return noData;
noData = _;

Loading…
Cancel
Save