js组件画图最终是画在一个指定id的div或dom元素中,
在项目中有可能需要画在 Extjs容器中,研究了一下,可以通过以下的思路实现,方法跟大家共享下:
1、首先做一个容器,把此内容添加到window的items属性中。(或者new一个box,利用window.add函数添加进去)
将容器的id指定为chart要渲染的id。
- {
- xtype: ‘box‘, //或者xtype: ‘component‘,
- id: ‘chartID‘, //Echarte或JQplot要渲染的地方
- width: 100, //图片宽度
- height: 200, //图片高度
- }
这样就在window里显示chart了
ps: 要注意先生成window和box容器,即生成 id为chartID的div后,再去渲染chart。
一定要注意顺序!