Использование g.Raphael в Sencha Touch 2

Я проверил g.Raphael для создания простых диаграмм. Мне удалось отобразить их на демонстрационном веб-сайте, но я не знаю, как теперь интегрировать их в свое приложение Sencha Touch 2. Мне удалось интегрировать его с помощью iframe, но он не динамический, и производительности тоже немного не хватает.

Может кто-нибудь помочь или показать мне учебник ?? Нужна помощь быстро. Спасибо!

Извините, были некоторые проблемы с форматированием кода ^^ Не могли бы вы указать мне направление? Должен ли я помещать это в свое представление или контроллер? Я включил файлы Raphael в свой index.html для приложения ST2.

Вот мой взгляд:

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

Спасибо


graph extjs graphael sencha-touch-2
person flip321    schedule 19.06.2013    source источник
comment
@rixo Ребята, мне нужна помощь, пожалуйста...   -  person flip321    schedule 22.06.2013

Ответы (2)


arrow_upward
0
arrow_downward

Что мешает вам использовать оба на одной странице? Просто подключите файлы 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]);
person rixo    schedule 20.06.2013

arrow_upward
0
arrow_downward

Jeees, я наконец нашел это здесь - отлично работает:

Ссылка

person flip321    schedule 27.06.2013