mardi 21 octobre 2014

Hiding chart series labels

I am using Extjs 4.2.2. In one of page we have many charts created under panel using xtype

Ext.create('widget.panel', {

width: width,

height: height,

title: title,

renderTo: id,

id: id,

margin: margin,

bodyStyle:{"background":"transparent !important;"},

layout: 'fit',

border:false,

items: {

xtype: 'chart',

animate: true,

shadow: false,

width: 100,

border:false,

store: store,

....


and we have configured series labels like:


label: {

display: 'insideStart',

'text-anchor': 'middle',

field: ['data1', 'data2'],

renderer: function(v) { return " "+v; },

orientation: 'horizontal',

contrast: true,

...


We are able to get labels. But at some point, we need to hide all series labels.

We have tried using component query like - Ext.ComponentQuery.query('panel > chart > series > label')[0]. but no luck. Please give us a solution.

If you can hide series labels on particular chart component, that is also fine.






Hiding chart series labels

Aucun commentaire:

Enregistrer un commentaire