Использование диаграмм в SenchaTouch

Question

Я начинаю использовать SenchaTouch, и мне это нравится;Мне бы очень хотелось, чтобы в приложениях SenchaTouch кто-нибудь пытался сделать это в интерактивных диаграммах (например, в режиме детализации: когда пользователь нажимает на панель графиков, фиксирует событие и показывает другой график)?

Заранее спасибо.

Answer 1

Как вы уже наверняка знаете, Sencha Touch ориентирован на мобильные устройства, поэтому, если вы используете Flash внутри своего мобильного приложения iPhone / iPad, он не работает. Итак, я действительно предлагаю вам использовать Raphaël javascript Charts . Команда Sencha уже использует его в новом выпуске Ext 4, и я довольно уверенно использую его в следующем выпуске Sencha Touch.

Я публикую вам простой экзамен, который покажет вам, как инициализировать диаграмму Рафаэля внутри тела Panel:

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

попробуйте это:

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

это делает диаграммы в Ext JS 4 доступными для Sencha Touch!

Answer 3

вы можете попробовать Open Flash Chart http://teethgrinder.co.uk/open-flash-chart-2/

они очень просты в использовании и интерактивны.