Gradient under line chart

[ley.c...@gmail.com]

Is there a way to have the area under a line chart to be filled with a gradient? For example like in this chart:

https://camo.githubusercontent.com/8e615d1add6262c57b437e2b21df9bd13c8674f8/687474703a2f2f692e737461636b2e696d6775722e636f6d2f695543434d2e6a7067

Thanks!

[Ben Drechsel]

I have this on my list of things to try, I'll check back in once I've tested it - might be as easy as applying a CSS gradient to the .c3-area class...

[Ben Drechsel]

Nope, it's not that easy - the gradient must be defined within the SVG, CSS gradients don't work (yet).

http://stackoverflow.com/questions/13760299/dynamic-svg-linear-gradient-when-using-javascript

[Ben Drechsel]

c3 supports basic fills by setting the data type to "area" or "area-spline": 

http://c3js.org/samples/chart_area.html

To customize the colors used by your data:

http://c3js.org/reference.html#data-colors

[Clemens Ley]

Great, thanks a lot.