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,
}
]
}]
}
});