1. #1
    Sencha User
    Join Date
    May 2013
    Posts
    23
    Vote Rating
    2
    p_nutz is on a distinguished road

      0  

    Default Answered: g.Raphael in Sencha Touch 2

    Hi,

    I checked out g.Raphael for creating simple charts because I cannot get the Sencha Touch Charts 2 Beta working.
    I managed to display g.Raphael charts on a demo website, but I don't know how I can integrate them into my Sencha Touch 2 app now. I managed integrating it by using an iframe but this is not dynamic and performance lacks a bit too.
    Can somebody please help or show me a tutorial?? Need help quickly. Thanks!


  2. #2
    Sencha Premium Member vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Cluj, Romania
    Posts
    657
    Vote Rating
    39
    Answers
    21
    vadimv has a spectacular aura about vadimv has a spectacular aura about

      0  

    Default

    Seems that without iframe Raphael conflicts with ST. What a pity.
    I've switched to http://d3js.org. Succeeded to extend Ext.Component and show a real time updating line chart, with using http://nvd3.org also. The extension doesn't have an iframe.

  3. #3
    Sencha User
    Join Date
    May 2013
    Posts
    23
    Vote Rating
    2
    p_nutz is on a distinguished road

      0  

    Default

    Quote Originally Posted by vadimv View Post
    Seems that without iframe Raphael conflicts with ST. What a pity.
    I read somewhere that its possible to integrate it. Just dont know how. Also just to make sure - Sencha Touch Charts does not come with the free commercial version of ST 2.2.0, is that correct?? And is it possible to use the ST Charts 2 Beta for demonstration purposes only?

  4. #4
    Sencha Premium Member vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Cluj, Romania
    Posts
    657
    Vote Rating
    39
    Answers
    21
    vadimv has a spectacular aura about vadimv has a spectacular aura about

      0  

    Default

    As I wrote you, I've managed to integrate it without iFrame, but there's a conflict between the libs, the chart visually is broken, maybe it's because of some CSS, I didn't dig much into the issue.

    About license, look on site, or ask sencha support. As I understood you can use ST Charts under GPL conditions but with watermark displayed, to remove it, is needed to pay(http://www.sencha.com/forum/showthre...PLv3-watermark)

  5. #5
    Sencha User
    Join Date
    May 2013
    Posts
    23
    Vote Rating
    2
    p_nutz is on a distinguished road

      0  

    Default

    I see, can you point me into the right direction how to integrate a g.Raphael chart into a view for example in this case:

    Code:
    Ext.define('Demo.view.BarChart', {
        extend: 'Ext.Container',
        xtype: 'myBarChart',
    
    
        config: {
            layout: 'vbox',
            scrollable: false,
            height: '100%',
            items: [
                {
                    // I WANT MY CHART TO GO IN HERE
                }
            ]
        }
    });
    Thanks in advance!

  6. #6
    Sencha Premium Member vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Cluj, Romania
    Posts
    657
    Vote Rating
    39
    Answers
    21
    vadimv has a spectacular aura about vadimv has a spectacular aura about

      0  

    Default

    Found the reason why is visually broken when using Raphael. I'm writing a post on my blog about this, within tomorrow will be ready, stay tuned.

  7. #7
    Sencha Premium Member vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Cluj, Romania
    Posts
    657
    Vote Rating
    39
    Answers
    21
    vadimv has a spectacular aura about vadimv has a spectacular aura about

      1  

  8. #8
    Sencha User
    Join Date
    May 2013
    Posts
    23
    Vote Rating
    2
    p_nutz is on a distinguished road

      0  

    Default

    Quote Originally Posted by vadimv View Post
    You sir, are the boss
    Cheers from Germany

Thread Participants: 1

Tags for this Thread