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。

一定要注意顺序!



版权声明:本文博主原创文章。博客,未经同意不得转载。

posted @ 2015-09-24 08:11  phlsheji  阅读(225)  评论(0编辑  收藏  举报