Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    31
    Vote Rating
    5
    chrisminniti is on a distinguished road

      0  

    Default Beta Touch Charts 2.0

    Beta Touch Charts 2.0


    I'm not posting here looking for answers. I just want to layout some issues i've seen with the 2.0 Beta Touch Charts in hopes that fixes get pushed when it comes out of beta.

    - Charts do not open on the iPhone or iPod.

    -When animate is set to true, and the charts are in a carousel, there is a flash of the chart in the after animated state, then the bars all disappear and it animates up as usual.

    - On the initial load of the chart the labels are not lined up until an orientation change or during testing a browser resize. (see below)

    chartlabels1.png
    Before Orientation Change or Resize

    chartlabels2.png
    After

    That's all so far. My company is anxiously awaiting the charts to come out of beta so that we can purchase multiple full licenses.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,220
    Vote Rating
    859
    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


    Have you used the charts that are now bundled with 2.1.0 b1?
    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
    Mar 2012
    Posts
    31
    Vote Rating
    5
    chrisminniti is on a distinguished road

      0  

    Default


    Code:
    Ext.application({    name: 'Metrics',
    
    
        launch: function() {
    
    
    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.AbstractChart({
        renderTo: Ext.getBody(),
        width: 500,
        height: 300,
        animate: true,
        store: store,
        axes: [{
            type: 'Numeric',
            position: 'bottom',
            fields: ['data1'],
            title: 'Sample Values',
            grid: true,
            minimum: 0
        }, {
            type: 'Category',
            position: 'left',
            fields: ['name'],
            title: 'Sample Metrics'
        }],
            axes: [{
                type: 'Numeric',
                position: 'left',
                fields: ['data1'],
                title: 'Sample Values',
                grid: true,
                minimum: 0
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['name'],
                title: 'Sample Metrics'
            }],
            series: [{
                type: 'column',
                axis: 'left',
                highlight: true,
                tips: {
                  trackMouse: true,
                  width: 140,
                  height: 28,
                  renderer: function(storeItem, item) {
                    this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + ' $');
                  }
                },
                xField: 'name',
                yField: 'data1'
            }]
    });
         
    
    
        }
    });
    This, which is taken directly from the documentation that comes with 2.1.0 yeilds the error:

    Uncaught Error: [Ext.createByAlias] Cannot create an instance of unrecognized alias: series.column



  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,220
    Vote Rating
    859
    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


    Did you require it?
    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
    Mar 2012
    Posts
    31
    Vote Rating
    5
    chrisminniti is on a distinguished road

      0  

    Default


    my entire project code is above. I took it right from the column chart documentation that came with the build.

  6. #6
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,220
    Vote Rating
    859
    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


    You need to require it or use the JS file that has all classes in it.
    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.

  7. #7
    Sencha User
    Join Date
    Mar 2012
    Posts
    31
    Vote Rating
    5
    chrisminniti is on a distinguished road

      0  

    Default


    Code:
    Ext.application({    name: 'Metrics',
    
    
        launch: function() {
    
    
    		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.AbstractChart({
    		    renderTo: Ext.getBody(),
    		    width: 500,
    		    height: 300,
    		    animate: true,
    		    store: store,
    		    axes: [{
    		        type: 'Numeric',
    		        position: 'bottom',
    		        fields: ['data1'],
    		        title: 'Sample Values',
    		        grid: true,
    		        minimum: 0
    		    }, {
    		        type: 'Category',
    		        position: 'left',
    		        fields: ['name'],
    		        title: 'Sample Metrics'
    		    }],
    		    series: [{
    		        type: 'bar',
    		        axis: 'bottom',
    		        xField: 'name',
    		        yField: ['data1']
    		    }]
    		});
    
    
        }
    });
    If i try it with the bar chart example, it's a similar but different error.

    Uncaught Error: [Ext.createByAlias] Cannot create an instance of unrecognized alias: axis.Numeric

    I've even tried nesting it in a panel, doing "xtype: 'chart'," but it's yeilded me the same results.

  8. #8
    Sencha User
    Join Date
    Mar 2012
    Posts
    31
    Vote Rating
    5
    chrisminniti is on a distinguished road

      0  

    Default


    Code:
    Ext.application({
        name: 'Metrics',
    
        launch: function() {
        
            var SiteListStore = Ext.create('Ext.data.Store', {
                storeId: 'SiteList',
                autoLoad: true,
                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}
                ]
            });
            
            var myPanel = Ext.create('Ext.Panel',{
                html: 'test'
            });
    
            var charty = Ext.create('Ext.chart.AbstractChart', {
                store: SiteListStore,
                series: [{
                    type: 'bar',
                    axis: 'left',
                    xField: 'name',
                    yField: ['data1']
                }]
            });
            
            myPanel.add(charty);
            Ext.Viewport.add(myPanel);
    
        }
    });
    Tried the tradition Ext.create method, and still got an error.

    error.png

  9. #9
    Sencha User
    Join Date
    Mar 2012
    Posts
    31
    Vote Rating
    5
    chrisminniti is on a distinguished road

      0  

    Default


    so I just read the release notes for Sencha Touch 2.1.0-b1 and saw this under Known Issues.

    The Draw/Chart implementation is incomplete and does not include the following:
    • Area Chart implementation
    • Bar Chart implementation <---No wonder it doesn't work!
    Now i can stop slamming my head against the wall.

Thread Participants: 1

Tags for this Thread