Affichage des articles dont le libellé est Hiding chart series labels. Afficher tous les articles
Affichage des articles dont le libellé est Hiding chart series labels. Afficher tous les articles

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