Hybrid View
-
2 Dec 2011 2:28 AM #1
Unanswered: Applying gradients to line chart fill color
Unanswered: Applying gradients to line chart fill color
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
-
2 Dec 2011 11:17 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 34,085
- Vote Rating
- 453
- Answers
- 3153
You should be able to style it with CSS.
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
13 Dec 2011 3:55 AM #3
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
-
19 Jan 2013 3:51 AM #4
any answer to this question. i am facing the same problem
-
31 Jan 2013 1:39 AM #5
you can write render in series
renderer : function(sprite, storeItem, barAttr, i, store) {
barAttr.fill = '003366';
return barAttr;
},
try the above code .
-
9 Feb 2013 1:20 AM #6
i have try above code but it not work for me.
Thank you for reporting this bug. We will make it our priority to review this report.


Reply With Quote