View Full Version : [INFOREQ] Chart doesn't show new data loaded with LoadData of the chart's store

21 Aug 2015, 1:42 AM
Ext version tested:

Ext 6.0.0 rev 640
Browser versions tested against:

All browsers

DOCTYPE tested against:



Chart doesn't show new data loaded with LoadData method of the chart's store
Steps to reproduce the problem:

Fiddle1 (https://fiddle.sencha.com/#fiddle/sjr) and Fiddle2 (https://fiddle.sencha.com/#fiddle/sjp)

Create a Ext.chart.PolarChart chart with pie or gauge series and store as a data provider (see Fiddle1 or Fiddle2).
Load data with loadData method of the store.
For example for FIddle1 if you trigger a legend's actions the chart is re-rendered with new data.

The result that was expected:

Chart immediately renders loaded data.
The result that occurs instead:

Nothing happens.

Gary Schlosberg
21 Aug 2015, 2:13 PM
Thanks for the report. So when you click on legend items the chart doesn't quickly redraw with the remaining data?

23 Aug 2015, 11:31 PM
The problem is, that when we use loadData the charts are not re-rendered with new data after load. But when we trigger the legend, chart applies new data and renders it. The "legend" is only an example to show, that after load charts become data but not re-render with new values.
Good example is Fiddle2 where legend isn't used at all.
We listen when the chart is rendered and load data.

listeners: {
afterrender: function(){
this.getStore().loadData([{percent: 20}]);

This data is not rendered after load.
To see expected result uncomment string 16.


24 Aug 2015, 3:45 AM
It looks like afterrender isn't correct place to load data in a chart. Moving load functionality to separate button solves this problem.
In any case as for me after afterrender event the component should be ready to get data.