EXT JS怎么根据分组生成动态的柱状图表?(请原来写过的大神提供帮助)

数据库返回数据如下:

图片说明

由于工厂的数量是不确定的,所以不能写死,需要二次处理数据库返回的数据,动态对应日期、工厂、数据值之间的渲染图,X 为日期,Y为数据值,Z为工厂。

类似效果图如下:

图片说明

分组,是你服务器查询数据的事情
显示图表,你可以用echart之类的库

没有一个和extjs有关

我现在需要通过EXJ JS根据分组生成动态的柱状图表,数据库查询数据已经有了,现在是需要怎么样通过EXJ JS写代码动态渲染成上面的效果