Results 1 to 8 of 8

Thread: g.Raphael in Sencha Touch 2

  1. #1
    Sencha User
    Join Date
    May 2013
    Posts
    23
    Vote Rating
    2
      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
    687
    Answers
    23
    Vote Rating
    50
      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.
    Github https://github.com/vadimpopa
    Sencha tips and articles : http://vadimpopa.com
    Twitter: @vadimvpopa

  3. #3
    Sencha User
    Join Date
    May 2013
    Posts
    23
    Vote Rating
    2
      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
    687
    Answers
    23
    Vote Rating
    50
      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)
    Github https://github.com/vadimpopa
    Sencha tips and articles : http://vadimpopa.com
    Twitter: @vadimvpopa

  5. #5
    Sencha User
    Join Date
    May 2013
    Posts
    23
    Vote Rating
    2
      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
    687
    Answers
    23
    Vote Rating
    50
      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.
    Github https://github.com/vadimpopa
    Sencha tips and articles : http://vadimpopa.com
    Twitter: @vadimvpopa

  7. #7
    Sencha Premium Member vadimv's Avatar
    Join Date
    Sep 2010
    Location
    Cluj, Romania
    Posts
    687
    Answers
    23
    Vote Rating
    50
      1  
    Github https://github.com/vadimpopa
    Sencha tips and articles : http://vadimpopa.com
    Twitter: @vadimvpopa

  8. #8
    Sencha User
    Join Date
    May 2013
    Posts
    23
    Vote Rating
    2
      0  

    Default

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

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •