HTML Code:
RA.app.newChart[RA.app.currentActivePanelIndex] = new Ext.chart.Chart({
id: 'chart'+RA.app.currentActivePanelIndex,
store: store,
renderTo: Ext.getBody(),
flex: 1,
shadow: true,
autoShow: true,
animate:true,
legend: {
position: 'right',
},
//maxGutter: [30, 30],
axes: [
{
type: 'Numeric',
position: 'left',
fields:['A-Crew',B-Crew','C-crew','D-crew','others'] ,
title: DowntimeEvents,
minimum: 0,
maximum: RA.app.Ymax
},
{
type: 'Numeric',
position: 'bottom',
fields:[DowntimeHours] ,
title:DowntimeHours,
minimum: 0,
maximum: RA.app.Xmax
}
],
series: [
{
type: 'scatter',
//axis: ['left', 'bottom'],
//markerConfig: {},
xField: DowntimeHours,
yField: 'A-crew'
},
{
type: chartType,
//axis: ['left', 'bottom'],
//markerConfig: {},
xField: DowntimeHours,
yField:'B-crew'
},
{
type: 'scatter',
//axis: ['left', 'bottom'],
//markerConfig: {},
xField: DowntimeHours,
yField: 'C-crew'
},
{
type: chartType,
//axis: ['left', 'bottom'],
//markerConfig: {},
xField: DowntimeHours,
yField: 'D-Crew'
},
{
type: chartType,
//axis: ['left', 'bottom'],
//markerConfig: {},
xField: DowntimeHours,
yField: 'others'
}
], //close series