Chart several line in one column

[Mycoding]

Please give me advice.
I need to do like this

I mean chart with several column and in each column several parametr.
At the moment I have this like

But I need that less bar was over large bar.

			iconCls:'chart',
			title: 'Статистика посещений',			
			height:300,
			frame:true,
			//layout:'fit',
			items: [{
				xtype: 'columnchart',				  
				url:'../resources/charts.swf',
				store: store,				
				xField: 'day',
				yAxis: new Ext.chart.NumericAxis({
					displayName: 'unique_open_time',										
					labelRenderer : Ext.util.Format.numberRenderer('0,0')
				}),				
				tipRenderer : function(chart, record, index, series){
					if(series.yField == 'unique_open_time'){
						return Ext.util.Format.number(record.data.unique_open_time, '0,0') + ' уникальных просмотров ' + record.data.day;
					}else{
						return Ext.util.Format.number(record.data.open_time, '0,0') + ' просмотров ' + record.data.day;
					}
				},
				chartStyle: {
					padding: 10,
					animationEnabled: true,
					font: {
						name: 'Tahoma',
						color: 0x444444,
						size: 11
					},
					dataTip: {
						padding: 5,
						border: {
							color: 0x99bbe8,
							size:1
						},
						background: {
							color: 0xDAE7F6,
							alpha: .9
						},
						font: {
							name: 'Tahoma',
							color: 0x15428B,
							size: 10,
							bold: true
						}
					},
					xAxis: {
						color: 0x69aBc8,
						majorTicks: {color: 0x69aBc8, length: 4},
						minorTicks: {color: 0x69aBc8, length: 2},
						majorGridLines: {size: 1, color: 0xeeeeee}
					},
					yAxis: {
						color: 0x69aBc8,
						majorTicks: {color: 0x69aBc8, length: 4},
						minorTicks: {color: 0x69aBc8, length: 2},
						majorGridLines: {size: 1, color: 0xdfe8f6}
					}
				},
				series: [{
					type: 'column',
					displayName: 'Page open_time',
					yField: 'open_time',
					style: {
						image:'images/bar.gif',
						mode: 'stretch',
						color:0x99BBE8
					}
				},{
					type: 'column',
					displayName: 'Page open_time',
					yField: 'unique_open_time',
					style: {
						//image:'images/bar.gif',
						mode: 'stretch',
						color:0xf7adc0
					}				
				}]
			}]

[Animal]

I think you want one of these: http://dev.sencha.com/deploy/dev/doc...kedColumnChart

There is a stacked bar chart example in the examples directory which is the same principle.

[Mycoding]

Thaks a lot for link.
I did it but I need another thing.

I mean.
Example:
For day page is opened 1000 times from them unique ip is 200 and users who registed are
50, and 10 who payed for month.
I need that at first paint 1000 than on it 200 (OVER 1000 but NOT AFTER IT) and so on.

As far as I understand that is not possible?

Sorry for trubling you.

I get now this

but I need this

[steffenk]

this type doesn't exists, and i have never seen such type anywhere else. i think best way to draw this is using line chart.

[Animal]

You will have to process the values to stack up in that way. It should be possible.