Question

我检查了g.Raphael创建的简单图表。我设法在一个演示网站上显示它们，但我不知道如何将它们集成到我的Sencha Touch 2应用程序中。我通过使用iframe来管理它，但这不是动态的，性能也缺乏一点。

有人可以帮忙或给我一个教程吗？需要快速帮助。谢谢！

抱歉有一些代码格式问题^^ 你能指点我一个方向吗？我必须将它放入我的视图或控制器中吗？我在我的index.html中为ST2应用程序添加了Raphael文件。

继承我的观点：

Ext.define('Demo.view.Configurator', {
  extend: 'Ext.carousel.Carousel',
  xtype: 'configurator',
  requires: [
    'Demo.store.SampleStore'
  ],
  config: {
    title: 'Konfigurator',
    iconCls: 'home',
    direction: 'horizontal',
    directionLock: true,
    //Will be applied to every object in the array by default
    defaults: {
        styleHtmlContent: true,
        cls: 'configurator-item',
        scrollable: true,
    },
    items: [
      {}
    ]
}
}
)

由于

Answer 1

什么阻止您在同一页面中使用它们？只需包含Raphael的文件，您就可以使用它来绘制Ext组件。

例如：

var win = Ext.widget('window', {width: 600, height: 600, autoShow: true}),
    r = Raphael(win.body.id);

r.piechart(320, 240, 100, [55, 20, 13, 32, 5, 1, 2]);

Answer 2

Jeees，我终于在这里找到了 - 完美地运作：

Link

在Sencha Touch 2中使用g.Raphael

2 个答案: