0

我查看了 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: [
      {}
    ]
}
}
)

谢谢

4

2 回答 2

0

天哪,我终于在这里找到了它-完美运行:

关联

于 2013-06-27T16:58:24.757 回答
0

是什么阻止您在同一页面中同时使用两者?只需包含 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]);
于 2013-06-20T02:23:43.103 回答