当前位置：文江博客话题详情

在 SenchaTouch 中使用图表

发布于 2024-11-10 00:48:54 字数 111 浏览 0 评论 0原文

我开始使用 SenchaTouch 并且喜欢它；我真的很希望能够在 SenchaTouch 应用程序中显示交互式图表（例如向下钻取：当用户点击图表栏时，捕获事件并显示另一个图表）。

这可能吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

感性 2024-11-17 00:48:55

正如您已经确定的那样，Sencha Touch 是面向移动设备的，因此如果您在 iPhone / iPad 移动应用程序中使用 Flash，它将无法工作。
因此，我强烈建议您使用 Raphaël javascript Charts。
Sencha 团队已经在新的 Ext 4 版本中使用它，我很高兴它甚至会在下一个 Sencha Touch 版本中正式使用。

我向您发布了一个简单的示例，向您展示如何在面板主体内初始化拉斐尔图表：

var myPanel = new Ext.Panel({
fullscreen: true,
html: 'The tabs above are also sortable.<br />(tap and hold)<br/>' +
    '<div id="raphaelChart"></div>',
listeners: {
    afterrender: function(){
        //Let's create the Raphael chart
        var set = Raphael(['raphaelChart', 320, 200, {
            type: "rect",
            x: 10,
            y: 10,
            width: 25,
            height: 25,
            stroke: "#f00"
        },{
            type: "text",
            x: 70,
            y: 50,
            text: "This is a Raphael Example"
        }]);
    }
}

});

希望这有帮助。

As you already know for sure, Sencha Touch is mobile device oriented, so if you use Flash inside you iPhone / iPad mobile application it does not works.
So, I really suggest you to use Raphaël javascript Charts.
Sencha Team already use it for the new Ext 4 release and I'm pretty use it will be even used officially on the next Sencha Touch release.

I post you a simple exampe that show you how to initialize a Raphael Chart inside a Panel body:

var myPanel = new Ext.Panel({
fullscreen: true,
html: 'The tabs above are also sortable.<br />(tap and hold)<br/>' +
    '<div id="raphaelChart"></div>',
listeners: {
    afterrender: function(){
        //Let's create the Raphael chart
        var set = Raphael(['raphaelChart', 320, 200, {
            type: "rect",
            x: 10,
            y: 10,
            width: 25,
            height: 25,
            stroke: "#f00"
        },{
            type: "text",
            x: 70,
            y: 50,
            text: "This is a Raphael Example"
        }]);
    }
}

});

Hope this helps.

回复收藏 0 原文