求一个ExtJs4动态chart的示例！急！在线等！大神来

[xxdewws]

如题。。。
动态绘图怎么做啊。。。求大神解决。。
没有解决方案的 给给思路。。用什么方法啊等。。
急！~~~~~~

[kollicey]

建立一个store将chart的stroe属性设置为你建立的store。通过Ajax请求取得chart中需要显示的数据。

[fytx0113]

Ext.onReady(function(){
		var store = Ext.create('Ext.data.Store', {
		    fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
		    data: [
		        {'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
		        {'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
		        {'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
		        {'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
		        {'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}                                                
		    ]
		});
		
		Ext.create('Ext.chart.Chart', {
			id: 'bt',
		    renderTo: Ext.getBody(),
		    width: document.body.clientWidth,
	        height: document.body.clientHeight,
		    store: store,
		    animate: true,//控制图的显示效果
		    legend: {//设置图例, "top", "bottom", "left", "right", or "float"
		        position: 'bottom'//图例显示的位子
		    },
		    axes: [{
		        type: 'Numeric',
		        grid: true,
		        position: 'left',
		        fields: ['data1', 'data2', 'data3', 'data4', 'data5'],
		        title: 'Sample Values',
		        grid: {
		            odd: {//奇偶行间隔显示
		                opacity: 1,
		                fill: '#ddd',
		                stroke: '#bbb',
		                'stroke-width': 1
		            }
		        },
		        minimum: 0,
		        adjustMinimumByMajorUnit: 0
		    }, {
		        type: 'Category',
		        position: 'bottom',
		        fields: ['name'],
		        title: 'Sample Metrics',
		        grid: true,
		        label: {
		            rotate: {
		                degrees: 315
		            }
		        }
		    }],
		    series: [{
		        type: 'column',
		        highlight: true,//是否加亮、突出显示
		        axis: 'left',
		        xField: 'name',
		        yField: ['data1', 'data2', 'data3', 'data4', 'data5'],
		        style: {
		            opacity: 0.93
		        }
		    }]
		});
	});