How to stop label animation in bar charts.

[nirmal495]

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]

Doesn't setting 'animate' to false create the desired effect?

[nirmal495]

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.