Utilisation de g.Raphael dans Sencha Touch 2

Question

J'ai vérifié g.Raphael pour créer des graphiques simples. J'ai réussi à les afficher sur un site de démonstration, mais je ne sais pas comment je peux les intégrer dans mon application Sencha Touch 2 maintenant. J'ai réussi à l'intégrer en utilisant un iframe mais ce n'est pas dynamique et les performances en manquent un peu aussi.

Quelqu'un peut-il m'aider s'il vous plaît ou me montrer un tutoriel ?? Besoin d'aide rapidement. Merci!

---

Désolé avait un certain formatage du code des questions ^^ Pouvez-vous s'il vous plaît me diriger dans une direction? Est-ce que je dois mettre ceci dans ma vue ou un contrôleur? J'ai inclus les fichiers Raphael dans mon index.html pour l'application ST2.

Heres mon avis:

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: [ 
     {} 
    ] 
} 
} 
) 

Merci

Answer 1

Jeees, je trouve enfin ici - fonctionne parfaitement:

Link

Answer 2

Qu'est-ce qui vous empêche d'utiliser les deux dans la même page? Incluez juste les fichiers de Raphael, et vous pouvez l'utiliser pour dessiner des composants Ext.

Par exemple:

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