Applying gradients to line chart fill color

[Naga]

Hi,
I am working on a mobile application that contains different charts (like line, bar, column and pie). I have been trying to apply gradient colors to a line (single) chart fill color. But unfortunately i could not.

Is it possible to apply color gradients to a line fill color? Please help.

Thanks in advance,
Nag

[mitchellsimoens]

You should be able to style it with CSS.

[Naga]

Hi Mitchell,
fill: true, style:{fill:'#01DF01'} in series config option is filling with single color '#01DF01'. Where and how to apply CSS3 gradients in Ext.chart.Chart.
Can you give sample code for applying gradient colors for line chart fill.

Thanks in advance,
Naga

[anoopmishra]

any answer to this question. i am facing the same problem

[lkoth]

you can write render in series

renderer : function(sprite, storeItem, barAttr, i, store) {



barAttr.fill = '003366';

return barAttr;
},

try the above code .

[deepakse]

i have try above code but it not work for me.

[Plavookac]

Hi,
I am working on a mobile application that contains different charts (like line, bar, column and pie). I have been trying to apply gradient colors to a line (single) chart fill color. But unfortunately i could not.

Is it possible to apply color gradients to a line fill color? Please help.

Thanks in advance,
Nag

Naga, you can create gradient line chart using Chart.js library. It is very easy to learn and use. I wrote a detailed tutorial with lots of done examples, you can check it on my blog. Good luck!