d3.csv('yahoo.csv') .row(function(d) { d.date = new Date(d.Timestamp * 1000); return d; }) .get(function(error, rows) { renderChart(rows); }); function renderChart(data) { var chart = fc.chart.linearTimeSeries() .xDomain(fc.util.extent(data, 'date')) .yDomain(fc.util.extent(data, ['open', 'close'])) .yTicks(5) .xTicks(5) .yNice(5); var area = fc.series.area() .yValue(function(d) { return d.open; }); var line = fc.series.line() .yValue(function(d) { return d.open; }); var gridlines = fc.annotation.gridline() .yTicks(5) .xTicks(0); var multi = fc.series.multi() .series([gridlines, area, line]); chart.plotArea(multi); d3.select('#time-series') .datum(data) .call(chart); }