View Full Version : Charts

2 Feb 2012, 11:15 AM
Functionality questions:

1. Is it possible to shade between two lines? If not, is it possible to change the fill style on an area? EG Stripe pattern instead of a solid color.

2. Is it possible to draw independent lines vertically and horizontally? These would be an extension to grid lines that could appear in the foreground.

3. Is it possible to color in the bars without having to use the color array inside a theme? It seems easy to style a line but not a bar. Also, on group bars, the border color doesn't always match the content color.


2 Feb 2012, 12:09 PM
To theme a chart is of course creating a chart theme. The fill is usually going to be a solid color although some work in the theme may result in some progress.

3 Feb 2012, 4:25 AM
Hopefully the screen shot attached will explain what I am trying to achieve for questions one and two.31335

3 Feb 2012, 6:13 AM
I currently setting the bar colors using a theme.

Ext.chart.theme.ATheme = Ext.extend(Ext.chart.theme.Base, {
constructor: function(config) {
Ext.chart.theme.Base.prototype.constructor.call(this, Ext.apply({
colors: ['#94AE0A','#C0C0C0','#a61120']
}, config));

As per question 3 above I pointed out the border color of the bars is being set by the first bar color. This does not seem correct to me. How can I prevent this? Also, it makes sense to me that the bar colors should also be able to be set by the series itself using 'colorArrayStyle' but unfortunately this is always overridden by the theme even if the chart has no theme set.

7 Feb 2012, 5:01 AM
Any more information regarding the issues expressed in the above 2 replies?