[CHARTS-356] Sencha Touch Charts 'background' not working to change bg color

[rafferty]

So I've been working with ST for a few weeks now and just started looking at the Charts portion. I have a Line chart going and I'd like to change the background; while attempting to learn this I've decided to start slow and try and just change the color, that is not going well.

Below is my onReday function, I've combined a few tutorials but can't get this the way I'd like. The background : {fill:'red'}, portion seems to do NOTHING. Even though that is from the charts docs.

onReady: function () {		Ext.Viewport.add(new Ext.chart.Chart({
		    renderTo: Ext.getBody(),
		    fullscreen: true,
		    animate: true,
		    background: {
		    	fill: 'red'
		    },
		    store: store,
		    axes: [{
		        type: 'Numeric',
		        position: 'left',
		        fields: ['data1'],
		        title: 'RAPID3',
		        grid: true,
		        increment: 5,
		        minimum: 0,
		    }, 
		    {
		        type: 'Time',
		        position: 'bottom',
		        fields: ['name'],
		        title: '',
		        dateFormat: 'M d',
		    }],
			series: [{
				type: 'line',
				axis: 'left',
				xField: 'name',
		        yField: 'data1',
			}]
		}));
    }

[mitchellsimoens]

Thanks for the report.

[Kikketer]

This may be related to what I found for an earlier post about the stroke-width of a chart:
http://www.sencha.com/forum/showthre...for-line-chart

There is a theme built into at least the debug version of charts. I don't think it's being overwritten properly when we change attributes (like above).

[rafferty]

Is there any update on whether this has been fixed and if there is any workaround. Any help would be appreciated. Thank you.

[rafferty]

I see sencha charts is attached to 2.1 and was refactored. I might as well consider this closed. I was able to hack highcharts into my app anyway. Not entirely sure how it ended up working, but it did and is possible.