Results 1 to 2 of 2

Thread: Bar chart is not getting displayed

  1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    7
    Vote Rating
    0
      0  

    Default Bar chart is not getting displayed

    Hello Guys,

    I am trying to display a bar chart through OData content but it is not getting rendered on the UI. However no error has been thrown. Could you figure out an issue in the following code(In a view). This view has been triggered from app.js file.

    Ext.define('MyApp.view.BarChart', {


    extend: 'Ext.chart.Chart',


    requires: ['Ext.chart.series.Series','MyApp.chart.Panel', 'Ext.chart.Chart', 'Ext.chart.Panel','Ext.chart.axis.Numeric',
    'Ext.chart.axis.Category','Ext.chart.series.Area','Ext.chart.theme.Base','Ext.chart.theme.Style'],


    config: {
    style:'background-color:lightgrey;',
    store:'Orders',
    // renderTo: Ext.getBody(),
    width: 500,
    height: 300,
    animate: true,
    items: [{
    axes: [
    {
    xtype: 'Numeric',
    position: 'bottom',
    fields: ['TOTALNETAMOUNT_E'],
    label: {
    renderer: function (v) {
    return v.toFixed(0);
    }
    },
    title: 'Total Net Amount',
    grid: true,
    minimum: 0
    },
    {
    xtype: 'Category',
    position: 'left',
    fields: ['SOLDTOPARTYNAME'],
    title: 'Sold to party'
    }
    ],
    series: [
    {
    xtype: 'bar',
    xField: 'SOLDTOPARTYNAME',
    yField: ['TOTALNETAMOUNT_E'],
    axis: 'bottom',
    highlight: true,
    }
    ]
    }]
    }
    });

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3932
    Vote Rating
    1272
      0  

    Default

    This using the charts from the 2.1.0 releases?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Posting Permissions

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