ExtJS视口内容不呈现Google可视化API饼图

我无法在界面的边框布局中呈现谷歌饼图。尽管饼图在单独的html页面上运行良好

该组资料如下：

javascript代码如下所示： { 标题：“查看交互式报告”， ContentEl：“pChartMap”，
普通：正确，
车身样式：“衬垫：5px”， 边界：错， 自动滚动：对 }

我不确定ContentEl的事。如果有简单的文本，它可以正常工作，但因为google图表基于google Visualization api和AJAX调用，其中有一个函数调用，如下所示： setOnLoadCallback（createChart）

如有任何关于如何呈现此内容的想法，将不胜感激

干杯 阿里

你检查过这个了吗

遗憾的是，这个版本已经被破坏了，但这仅仅是因为sencha站点不再有ExtJS的2.2源代码；或者至少不在样品预期的地方；但是如果你下载并使用这个页面，它就会工作

无论如何，您只需下载以下js：

然后只需使用

Ext.ux.gvisualization面板

。下面是我测试的一个示例：

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 lineChart = 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: [lineChart]
    });
});