Stacked Area Chart

Source Code

 1 d3.json('stackedAreaData.json', function(data) {
 2   nv.addGraph(function() {
 3     var chart = nv.models.stackedAreaChart()
 4                   .x(function(d) { return d[0] })
 5                   .y(function(d) { return d[1] })
 6                   .clipEdge(true);
 7 
 8     chart.xAxis
 9         .tickFormat(function(d) { return d3.time.format('%x')(new Date(d)) });
10 
11     chart.yAxis
12         .tickFormat(d3.format(',.2f'));
13 
14     d3.select('#chart svg')
15       .datum(data)
16         .transition().duration(500).call(chart);
17 
18     nv.utils.windowResize(chart.update);
19 
20     return chart;
21   });
22 })
comments powered by Disqus