View Full Version : How to stop label animation in bar charts.

16 Oct 2014, 8:43 PM
I am using bar charts (stacked and non-stacked). While loading the label moves from center of a-axis to the top (this is animated) and also on hover of the bar the label animates and goes to x-axis and moves back to the top of the respective bar.

I want to stop that animation.

I am using the following config for labels

animate is true for chart config

label: {
display: stacked ? '' : 'insideEnd', //If its stacked display is blank else if it is column/bar it is insideEnd
field: 'field',
font: '10px Arial',
stackedDisplay: stacked ? 'total' : 'none' //Same check as above

Thanks. :)

Gary Schlosberg
22 Oct 2014, 3:38 PM
Doesn't setting 'animate' to false create the desired effect?

29 Oct 2014, 8:37 PM
Setting animate to false sets the animation of the whole chart to false.
I dont want that instead we can override the renderLabels of extjs and set animation to false. It will only stop the animation of the labels.