Currently, I am utilizing this particular URL for my application: . I attempted to swap out the existing chart in the third column with a bar chart and a pie chart (both of which work fine within panels and windows), but I encountered an "h is undefined" error in the console. I have meticulously checked each line of code for the charts multiple times to identify any errors, but everything seems correct. Your assistance would be greatly appreciated. For my chartportlet to function properly, it requires this: "requires:["Ext.data.JsonStore","Ext.chart.*","Ext.layout.container.Fit"]"
Below is the code for my chartportlet (located in the third column)
xtype: 'chart',
id: 'chartCmp',
animate: true,
store: Ext.create('Ext.data.JsonStore', {
fields: ['year', 'comedy', 'action', 'drama', 'thriller'],
data: [
{year: 2005, action: 23890000},
{year: 2006, action: 38900000},
{year: 2007, action: 50410000},
{year: 2008, action: 56070000}
]
}),
shadow: true,
legend: {
position: 'right'
},
insetPadding: 60,
theme: 'Base:gradients',
series: [{
type: 'pie',
field: 'action',
showInLegend: true,
donut: false,
highlight: {
segment: {
margin: 20
}
},
label: {
field: 'year',
display: 'rotate',
contrast: true,
font: '18px Arial'
}
}]