Sencha touch 2 谷歌将API绘制成Sencha Touch 2

Sencha touch 2 谷歌将API绘制成Sencha Touch 2,sencha-touch-2,google-visualization,Sencha Touch 2,Google Visualization,我试着在我的sencha touch 2应用程序中渲染一个图形,但是我做不到,sencha图表现在与ST2不兼容。因此,我搜索并存在许多用于生成图形的API,现在的问题是将这些API集成到sencha touch中 我看到了GoogleCharts api,它非常简单,但是我如何显示它呢?我需要一个类似html的视图 有一个简单的代码: 如何将这些代码显示到以下内容中: this.getHistorial().push({ // Is a new view in a Ext.navigation

我试着在我的sencha touch 2应用程序中渲染一个图形,但是我做不到,sencha图表现在与ST2不兼容。因此,我搜索并存在许多用于生成图形的API,现在的问题是将这些API集成到sencha touch中

我看到了GoogleCharts api,它非常简单,但是我如何显示它呢?我需要一个类似html的视图

有一个简单的代码:

如何将这些代码显示到以下内容中:

this.getHistorial().push({ // Is a new view in a Ext.navigation.View

                        xtype: 'panel',
                        title: record.get('title'),
                        layout: 'fit',
                        htmlContent: true,

                        items: [
                            {
                                html:[ 
                                    //Show chart (Google API)
                                ].join('')
                            }
                        ]                   

                });

也许如果我能把它转换成html:[]显示一个小文件html(比如一个网站),然后只渲染我的应用程序。我如何才能做到这一点?

请查看以下讨论:

它发生在ST2之前,但在这个新版本中运行良好

要点是: -在index.html中加载google api脚本 -创建一个面板
-将面板传递给图表api。请记住,面板只是一个支撑的div

您可以将OpenCharts用于Sencha Touch 2.x或ExtJS 4.x

GitHub repo中有两个示例应用程序,并且有很好的文档记录