1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    57
    Vote Rating
    0
    NCN is on a distinguished road

      0  

    Default Unanswered: Sencha touch Bar chart

    Unanswered: Sencha touch Bar chart


    Hi,
    I am new in sencha Touch chart , but I was trying to creating the bar chart in my local system using Aptana Studio 3.
    I am facing few issue :-
    > With IE-8 , it is showing "Ext.data.JsonStore" is null not an object.
    > With safari nothing is showing only blank pages is coming.

    Please find below of the code which I have used.

    Html code :-
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
    <!DOCTYPE html>
    <html>
    <head>
    <title>Hello World</title>
    <script src="sencha-touch.js" type="text/javascript"></script>
    <script src="app.js" type="text/javascript"></script>
    <script src="sencha-touch-all.js" type="text/javascript"></script>
    <link href="sencha-touch.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="content">
    </div>
    </body>
    </html>
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    App.js code

    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    var store = new Ext.data.JsonStore({
    fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
    data: [
    {'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
    {'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
    {'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
    {'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
    {'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}
    ]
    });


    new Ext.chart.Chart({
    renderTo: "content",
    width: 500,
    height: 300,
    animate: true,
    store: store,
    axes: [{
    type: 'Numeric',
    position: 'bottom',
    fields: ['data1'],
    label: {
    renderer: Ext.util.Format.numberRenderer('0,0')
    },
    title: 'Sample Values',
    grid: true,
    minimum: 0
    }, {
    type: 'Category',
    position: 'left',
    fields: ['name'],
    title: 'Sample Metrics'
    }],
    series: [{
    type: 'bar',
    axis: 'bottom',
    highlight: true,
    tips: {
    trackMouse: true,
    width: 140,
    height: 28,
    renderer: function(storeItem, item) {
    this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + ' views');
    }
    },
    label: {
    display: 'insideEnd',
    field: 'data1',
    renderer: Ext.util.Format.numberRenderer('0'),
    orientation: 'horizontal',
    color: '#333',
    'text-anchor': 'middle'
    },
    xField: 'name',
    yField: ['data1']
    }]
    });
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

    can you please provide me the code which is working fine with all EXt.chart library.


    Thanks in advance !!!

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,541
    Vote Rating
    872
    Answers
    3565
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Are you using IE? Sencha Touch doesn't support IE.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    57
    Vote Rating
    0
    NCN is on a distinguished road

      0  

    Default


    Thanks for reply !!!

    I am using Mozilla firefox ,safari and google chrome as well.

    can you please provide me the proper working code. which I can check in my local host.So that i can check in these browser.

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,541
    Vote Rating
    872
    Answers
    3565
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Chrome and Safari are going to be the only browsers that will work. There are bar chart examples that come with Touch Charts download.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    57
    Vote Rating
    0
    NCN is on a distinguished road

      0  

    Default Support browser List Required

    Support browser List Required


    Thanks for your +ve reply.

    Can your Please provide the Separate List of supported browser for :-

    1. Sencha Touch 2
    2. Sencha Touch Charts

    It will great help me to figure out for future reference.

  6. #6
    Sencha User
    Join Date
    Sep 2011
    Location
    Chennai, Tamil Nadu
    Posts
    24
    Vote Rating
    0
    Jay Tanwar is on a distinguished road

      0  

    Default Webkit Browsers

    Webkit Browsers


    Sencha touch (2.0 + charts 2.0 beta) is supported by only webkit browses.
    i.e. Safari, chrome, ios (ipad+iphone) safari, android browser, blackberry browser.

    for more info google "webkit browsers"..

  7. #7
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,541
    Vote Rating
    872
    Answers
    3565
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Chrome for android and the Kindle Fire browser also. Not all webkit browsers are supported, may work may not but we don't support every webkit browser out there.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  8. #8
    Sencha User
    Join Date
    Apr 2012
    Posts
    57
    Vote Rating
    0
    NCN is on a distinguished road

      0  

    Default


    Thanks for the reply..!!!

    This menas for the Sencha Touch 2 and Sencha Touch Charts :-

    For the Android application we can use :-
    1 Chorem
    2. Kindle Fire browser

    Can your Please provide the Separate List of supported Webkit Browsers for :-

    1. Sencha Touch 2
    2. Sencha Touch Charts

  9. #9
    Ext JS Premium Member
    Join Date
    Apr 2011
    Posts
    93
    Vote Rating
    3
    Answers
    1
    adammascherin is on a distinguished road

      0  

    Default


    Quote Originally Posted by NCN View Post
    Can your Please provide the Separate List of supported Webkit Browsers for :-

    1. Sencha Touch 2
    2. Sencha Touch Charts
    This is a valid question yet no one has answered it. Could you please provide a list of supported browsers? All of your documentation says you only support webkit browsers, but now you said that "not all webkit browsers are supported". If thats the case, then I think that a complete list of supported browsers is warranted.