Echarts Jqplot嵌extjs4 windows 装配方法
2015-09-24 08:11
239 查看
js组件绘图终于是画在一个指定id的div或dom元素中。
在项目中有可能须要画在 Extjs容器中,研究了一下,能够通过下面的思路实现,方法跟大家共享下:
1、首先做一个容器,把此内容加入到window的items属性中。(或者new一个box,利用window.add函数加入进去)
将容器的id指定为chart要渲染的id。
Js代码
{
xtype: 'box', //或者xtype: 'component',
id: 'chartID', //Echarte或JQplot要渲染的地方
width: 100, //图片宽度
height: 200, //图片高度
}
这样就在window里显示chart了
ps: 要注意先生成window和box容器,即生成 id为chartID的div后,再去渲染chart。
一定要注意顺序!
在项目中有可能须要画在 Extjs容器中,研究了一下,能够通过下面的思路实现,方法跟大家共享下:
1、首先做一个容器,把此内容加入到window的items属性中。(或者new一个box,利用window.add函数加入进去)
将容器的id指定为chart要渲染的id。
Js代码
{
xtype: 'box', //或者xtype: 'component',
id: 'chartID', //Echarte或JQplot要渲染的地方
width: 100, //图片宽度
height: 200, //图片高度
}
这样就在window里显示chart了
ps: 要注意先生成window和box容器,即生成 id为chartID的div后,再去渲染chart。
一定要注意顺序!
相关文章推荐
- jsonp协议原理深度解析
- 易语言调用js实现md5加密
- io.js
- JavaScript的DOM编程--06--两个实验
- Json解析详解
- JSP实现添加功能和分页显示实例分析
- JSP使用MVC模式完成删除和修改功能实例详解
- JS+CSS实现简易的滑动门效果代码
- avalon js实现仿google plus图片多张拖动排序附源码下载
- js中不同的height, top的区别对比
- javascript同步服务器时间和同步倒计时小技巧
- JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
- JS基于面向对象实现的拖拽库实例
- JS模拟实现Select效果代码
- JS摇一摇核心代码
- JavaScript闭包 学习(Closure)
- JavaScript权威指南_160_第17章_事件处理_17.1-事件类型-DOM事件
- JavaScript的DOM编程--05--获取文本节点
- JavaScript的DOM编程--04--获取元素节点的子节点
- JavaScript的DOM编程--03--读写属性节点