PDA

View Full Version : How to render multiple pie series inside a single Pie Chart



riku351
16 Oct 2013, 9:44 PM
I want to render 2 series of type "pie" in side a single "Ext.chart.Chart" .
for example

Ext.create (http://localhost:8080/Sench42_Docs/docs/index.html#!/api/Ext-method-create)('Ext.chart.Chart (http://localhost:8080/Sench42_Docs/docs/index.html#!/api/Ext.chart.Chart)', { renderTo: Ext.getBody (http://localhost:8080/Sench42_Docs/docs/index.html#!/api/Ext-method-getBody)(), width: 500, height: 350, store: store, // it has 2 fileds like data1 and data2 series: [{ type: 'pie', angleField: 'data1', showInLegend: true, },{ type: 'pie',
angleField: 'data2', showInLegend: true, }]});When I am trying to do this both the series are getting overlapped to each other.
How can I make them visible clearly without overlapping each other.

riku351
18 Oct 2013, 2:57 AM
Any suggestion to this situation ?


I want to render 2 series of type "pie" in side a single "Ext.chart.Chart" .
for example

Ext.create (http://localhost:8080/Sench42_Docs/docs/index.html#!/api/Ext-method-create)('Ext.chart.Chart (http://localhost:8080/Sench42_Docs/docs/index.html#!/api/Ext.chart.Chart)',{ renderTo:Ext.getBody (http://localhost:8080/Sench42_Docs/docs/index.html#!/api/Ext-method-getBody)(), width:500, height:350, store: store, // it has 2 fileds like data1 and data2 series:[{ type:'pie', angleField:'data1', showInLegend:true,},{ type:'pie',
angleField:'data2', showInLegend:true,}]});When I am trying to do this both the series are getting overlapped to each other.
How can I make them visible clearly without overlapping each other.

Gary Schlosberg
21 Oct 2013, 7:36 PM
Seems like it's not supported. I was able to get two series to render, but as you said they overlap. Ideally, how were you hoping to render the two series? You can use the donut config to make one an outside ring, but I couldn't get the other series to render inside it. You might be stuck putting the two charts side by side.

riku351
23 Oct 2013, 9:47 AM
Hi Gary,

You guessed it right. I wanted to put one series with donut config. While the other series as normal and wanted to fit them both to make them appear as one .

Thanks for trying on this case.