PDA

View Full Version : PieChart segment borders or spacing?



antonye
7 Jul 2010, 5:25 AM
I've been looking through the API, specifically at PieChart.seriesStyles, as I want to put either a border round my pie segments, or to space my pie segments.

Currently I have the left-hand side rendering of my PieChart, but I would like it to look like the right-hand side, with either spaced or a white border applied.

http://www.sencha.com/forum/attachment.php?attachmentid=21316

Any hints?




var chartPie =new Ext.chart.PieChart({
store:this.storeStuff,
categoryField :'Name',

dataField:'Value',


seriesStyles:{





borderColor:'#ffffff',





borderAlpha:1,





colors:[

'#0099ff',
'#ccecff',
'#e3e3e3',
'#cccccc',
'#868686',
'#ff9933',
'#efd6c6',
'#ffcc99',
'#006666'
]
},
extraStyle:{
legend:{
display:'left',
padding:3,
font:{
family:'Tahoma',
size:10
}
}
},
tipRenderer:function(chart, record, index){






return record.data.Name +'\n'+ record.data.Value +'%';

}
});