Hybrid View
-
28 Dec 2012 4:41 AM #1
How to hidden pie charts's label?
How to hidden pie charts's label?
i search pie and series's config and method, didn't find how to hidden a pie chart's label,who can help me?
-
30 Dec 2012 9:09 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,624
- Vote Rating
- 435
This doesn't have the label:
Code:var chart = new Ext.chart.PolarChart({ animate: true, interactions: ['rotate'], colors: ["#115fa6", "#94ae0a", "#a61120", "#ff8809", "#ffd13e"], store: { fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'], data: [ {'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13}, {'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3}, {'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7}, {'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23}, {'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33} ] }, series: [{ type: 'pie', xField: 'data3', donut: 30 }] }); Ext.Viewport.setLayout('fit'); Ext.Viewport.add(chart);Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
30 Dec 2012 7:04 PM #3
thanks,but this do legend show incorrectly(don't show label),i want to get the following results(image):
pic1.png
i read the legend.js, i found in doSetDocked method, when set docked 'top' or 'bottom', it will set layout 'hbox' and scollable 'horizontal'.so i config legend's attr as follow:
after docked, i set layout, inline and scrollable, i think this will override doSetDocked method's setting, but it didn't.HTML Code:legend: { docked: 'bottom', layout: {pack: 'center'}, inline: 'false', width: 300, height: 400, //verticalWidth: 100 scrollable: { direction: 'vertical', directionLock: true } }
how can i do?
-
30 Dec 2012 7:15 PM #4
I met the same problem
I met the same problem
up, I met the same problem


Reply With Quote