PDA

View Full Version : xtype: 'piechart'



kiprud
6 Jul 2010, 2:06 AM
Hi,

It's possible to make a piechart with sencha touch like in extjs ?*





Ext.chart.Chart.CHART_URL = '../../resources/charts.swf';

Ext.onReady(function(){
var store = new Ext.data.JsonStore({
fields: ['season', 'total'],
data: [{
season: 'Summer',
total: 150
},{
season: 'Fall',
total: 245
},{
season: 'Winter',
total: 117
},{
season: 'Spring',
total: 184
}]
});

new Ext.Panel({
width: 400,
height: 400,
title: 'Pie Chart with Legend - Favorite Season',
renderTo: 'container',

items: {
store: store,
xtype: 'piechart',
dataField: 'total',
categoryField: 'season',
//extra styles get applied to the chart defaults
extraStyle:
{
legend:
{
display: 'bottom',
padding: 5,
font:
{
family: 'Tahoma',
size: 13
}
}
}
}

});
});



Bests regards.

TommyMaintz
6 Jul 2010, 1:33 PM
No, not yet. We have future plans for touch enabled charts.

kiprud
6 Jul 2010, 10:20 PM
Wonderfull !!

SimonFlack
16 Jul 2010, 2:46 AM
I want one too!!! ;-)

Any ideas as to how long in the future?