Horizontal Multi-Bar Chart

Source Code

 1 d3.json('multiBarHorizontalData.json', function(data) {
 2   nv.addGraph(function() {
 3     var chart = nv.models.multiBarHorizontalChart()
 4         .x(function(d) { return d.label })
 5         .y(function(d) { return d.value })
 6         .margin({top: 30, right: 20, bottom: 50, left: 175})
 7         .showValues(true)
 8         .tooltips(false)
 9         .showControls(false);
10 
11     chart.yAxis
12         .tickFormat(d3.format(',.2f'));
13 
14     d3.select('#chart1 svg')
15         .datum(data)
16       .transition().duration(500)
17         .call(chart);
18 
19     nv.utils.windowResize(chart.update);
20 
21     return chart;
22   });
23 });
comments powered by Disqus