<html> <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.3.1/resources/css/ext-all.css"/> <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.3.1/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.3.1/ext-all-debug.js"></script> <script type="text/javascript" src="http://dev.sencha.com/playpen/google-visualization/GVisualizationPanel.js"></script> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> Ext.onReady(function() { var lineChartDs = new Ext.data.SimpleStore({ fields: [ {name: 'yr', type: 'string'} ,{name: 'sales', type: 'int'} ,{name: 'expenses', type: 'int'} ], data: [['2004',1000,400],['2005',1170,460],['2006',860,580],['2007',1030,540]] }); var lineChart1 = new Ext.ux.GVisualizationPanel({ id: 'lineChart', visualizationPkg: 'linechart', title: 'Company Performance Sample', store: lineChartDs, columns: [ {dataIndex: 'yr', label: 'Year'} ,{dataIndex: 'sales', label: 'Sales'} ,{dataIndex: 'expenses', label: 'Expenses'} ] }) new Ext.Viewport({ layout: 'fit', items: [lineChart1] }); }); </script>
есть проблема с файлом GVisualizationPanel.js: измените строку 23
tbl.addColumn (convert [f.type.type], c.label || c, id);
после этого работает с extjs 3.3.1