Echarts Jqplot嵌入extjs4 windows 组件方法

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

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

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

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

Js代码  Echarts Jqplot嵌入extjs4 windows 组件方法
  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。

一定要注意顺序!



Echarts Jqplot嵌入extjs4 windows 组件方法,布布扣,bubuko.com

Echarts Jqplot嵌入extjs4 windows 组件方法

上一篇:windows 开启防火墙策略允许ftp端口通过


下一篇:Windows环境下用C#编程将文件上传至阿里云OSS笔记