Question

我开始使用SenchaTouch，我喜欢它;我真的希望能够在SenchaTouch应用程序中显示交互式图表（例如向下钻取：当用户点击图表栏，捕获事件并显示另一个图表时），是否有人尝试过这样做？

提前致谢角

Answer 1

正如您已经确定的那样，Sencha Touch是面向移动设备的，因此如果您在iPhone / iPad移动应用程序中使用Flash，它将无效。所以，我真的建议你使用Raphaël javascript Charts。 Sencha Team已经将它用于新的Ext 4版本，我很好用它甚至可以在下一个Sencha Touch版本上正式使用。

我发布了一个简单的例子，向您展示如何在Panel主体内初始化Raphael图表：

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"
        }]);
    }
}

}）;

希望这有帮助。

Answer 2

您可以尝试打开Flash图表http://teethgrinder.co.uk/open-flash-chart-2/

这些非常易于使用和互动。

Answer 3

试试这个：

http://code.google.com/p/oppo-touching/

这使得Ext JS 4中的图表可用于Sencha Touch！

在Sencha Touch中使用图表

3 个答案: