Skip to content

Instantly share code, notes, and snippets.

@krishantaylor
krishantaylor / linechart.js
Created July 22, 2013 01:16
Multi-line chart based on d3.chart, extending d3.chart.base, showing how to add accessor functions to change shape of multi-level data on the fly, as an alternative to the d3.chart dataAttributes approach, which can only handle one level.
d3.chart('BaseChart').extend('LineChart', {
initialize: function () {
var chart = this
var lines = chart.base.append('g')
.classed('lines', true)
var line = d3.svg.line()
chart.xScale = d3.time.scale()