|
|
|
@ -136,32 +136,26 @@ long_short_data = [
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
nv.addGraph({
|
|
|
|
|
generate: function() {
|
|
|
|
|
var chart = nv.models.multiBarHorizontalChart()
|
|
|
|
|
.x(function(d) { return d.label })
|
|
|
|
|
.y(function(d) { return d.value })
|
|
|
|
|
.margin({top: 30, right: 20, bottom: 50, left: 160})
|
|
|
|
|
.showValues(true)
|
|
|
|
|
.tooltips(false)
|
|
|
|
|
.showControls(false);
|
|
|
|
|
|
|
|
|
|
chart.yAxis
|
|
|
|
|
.tickFormat(d3.format(',.2f'));
|
|
|
|
|
|
|
|
|
|
d3.select('#chart1 svg')
|
|
|
|
|
.datum(long_short_data)
|
|
|
|
|
.transition().duration(500)
|
|
|
|
|
.call(chart);
|
|
|
|
|
|
|
|
|
|
nv.utils.windowResize(function() {
|
|
|
|
|
d3.select('#chart1 svg')
|
|
|
|
|
.transition().duration(0)
|
|
|
|
|
.call(chart);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return chart;
|
|
|
|
|
}
|
|
|
|
|
nv.addGraph(function() {
|
|
|
|
|
var chart = nv.models.multiBarHorizontalChart()
|
|
|
|
|
.x(function(d) { return d.label })
|
|
|
|
|
.y(function(d) { return d.value })
|
|
|
|
|
.margin({top: 30, right: 20, bottom: 50, left: 160})
|
|
|
|
|
.showValues(true)
|
|
|
|
|
.tooltips(false)
|
|
|
|
|
.showControls(false);
|
|
|
|
|
|
|
|
|
|
chart.yAxis
|
|
|
|
|
.tickFormat(d3.format(',.2f'));
|
|
|
|
|
|
|
|
|
|
d3.select('#chart1 svg')
|
|
|
|
|
.datum(long_short_data)
|
|
|
|
|
.transition().duration(500)
|
|
|
|
|
.call(chart);
|
|
|
|
|
|
|
|
|
|
nv.utils.windowResize(chart.update);
|
|
|
|
|
|
|
|
|
|
return chart;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|