Important coding of sencha touch
- 1. <<<<<<<<<--------------Gauge Chart-------------->>>>>>>>>
{ xtype:'spacefilling',
margin:'-500px 0 0 100px',
width:200,
series: [{
type: 'gauge',
minimum: 0,
maximum: 100,
value: 50,
donut:20,
needle: true,
rotation:116.25,
title: 'Prashat',
sectors:[{end: 20,
label: 'A'},{end: 50, label: 'C'},{end: 100, label: 'B'}],
colors: ['orange',
'blue', 'lightgray', 'red']
}]
}
}
<<<<<<<<<<<<<<----------Button----------->>>>>>>>>>>
{ xtype:'button',
text:'Render Chart',
margin:'10 10 10 10',
top:300,
height:100,
width:200,
listeners:
{
tap:function( f, e, eOpts )
{
alert("I am Here ");
}
}
}
<<<<<<<<<<<<<<-------ToolBAr-------------------->>>
-------------------Changing Toolbar Color
style: 'background :lightgrey',