Extjs5.1 柱状图动态加载

Extjs 5.1 动态加载柱状图fields

      使用 mvvm模式加载数据

详细参考5.1

      XXView.js

{
xtype:'panel',
layout : 'fit',
id : 'showBar'
}

XXController.js

//创建fields数组,data数组
var filedsArray = new Array();
fieldsArray.push('name');
//fields格式 fields['name','a1','a2','a3','a4']
var dataArray = new Array();
//自定义数据显示颜色
var colorsArray = ['#2EC7C9', '#B6A2DE', '#FFB980', '#5AB1EF', '#90EE90', '#FF82AB', '#91C7AE', '#8DBCEC'];
//fieldsVal,dataVal后台传递过来的数据
fieldsArray.push(fieldsVal);
dataArray.push(dataVal);

</pre><pre name="code" class="javascript">//加载新数据前，根据容器id，移除该容器下所有子容器
Ext.getCmp('showBar').removeAll();
Ext.getC