首页 > 代码库 > Echarts Jqplot嵌入extjs4 windows 组件方法

Echarts Jqplot嵌入extjs4 windows 组件方法

 js组件画图最终是画在一个指定id的div或dom元素中,

在项目中有可能需要画在 Extjs容器中,研究了一下,可以通过以下的思路实现,方法跟大家共享下:

1、首先做一个容器,把此内容添加到window的items属性中。(或者new一个box,利用window.add函数添加进去)

将容器的id指定为chart要渲染的id。

Js代码  收藏代码
  1. {  
  2.     xtype: ‘box‘//或者xtype: ‘component‘,
  3.     id: ‘chartID‘,   //Echarte或JQplot要渲染的地方  
  4.     width: 100, //图片宽度  
  5.     height: 200, //图片高度   
  6. }  

 这样就在window里显示chart了


ps:  要注意先生成window和box容器,即生成 id为chartID的div后,再去渲染chart。

一定要注意顺序!