color of linechart body

[zerkphb]

Is there any way to set the chart background color?

like:

[gordonwoodhull]

The easiest thing is simply to set the CSS background-color of the div you passed to dc.js.

But you probably want just the chart area colored. Right now the best way to do this is with a "renderlet":

        .on('renderlet', function(chart) {
            if(!chart.select('rect.background').size())
                chart.svg()
                .insert('rect', ':first-child')
                .attr('class', 'background')
                .attr({width: chart.xAxisLength(), height: chart.yAxisHeight()})
                .attr('transform', 'translate(' + chart.margins().left + ', ' + chart.margins().top + ')')
                .style({fill: 'lightgreen'});
        });

There will be a bit of a lag unless you set .transitionDuration(0), disabling transitions, because the renderlet executes after transitions. #806 will help with that.

I copied most of the code from the clip path, because it's the same rectangle.

It might be nice to support this directly. Anyone else miss this feature?