Echart组件封装
2016-03-17 17:51
253 查看
var M = { //入参
//elementId 为想要放入图表的div id
//echartId 图表的id用于召回
//width 宽 height为高 option为图表具体数据 数据形式参考http://echarts.baidu.com/examples.html createEchartsInElement: function (elementId, echartId, width, height, option) { var targetDiv = $("#" + elementId)[0]; var div = document.createElement("div"); div.setAttribute('id', echartId); div.setAttribute('style', 'width: ' + width + 'px; height: ' + height + 'px;'); targetDiv.appendChild(div); var echarts = require("./echarts.js");//同层目录下echarts var chartDiv = $('#' + echartId)[0]; var myChart = echarts.init(chartDiv); myChart.setOption(option); } }; module.exports = M;
echart.js 也可以在官网上下载全部单文件,需要修改前几行如下
(function (root, factory) { /*if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define([], factory); } else*/ if (typeof module === 'object' && module.exports) { // Node. Does not work with strict CommonJS, but // only CommonJS-like environments that support module.exports, // like Node. module.exports = factory(); } else { // Browser globals (root is window) root.echarts = factory(); } }
使用方式
var echart = require("./common_echarts.js");
echart.createEchartsInElement('pagebar','chart',600,400,option);
相关文章推荐
- Android网页加载本地JS文件
- python多元赋值
- python的wifi 正弦函数接收器
- iOS 中C如何调用Objective c的代码更新界面问题解决
- Service组件(startService,stopService,bindService,unbindService方法比较)-Android
- Fragment对menu菜单的操作
- 抽象类
- 实现子菜单复选功能并对应不同窗体标题
- 内核手动释放内存方法
- Switch入门第三讲
- 求解,多线程时,线程池中一个线程内部代码抛出异常,那么这个线程能正常结束么?
- Android Activity自动重启的问题
- cookie扫盲
- dubbo简单搭建
- 一般处理程序返回Json
- Windows7安装office2010时提示报错:由于下列原因,安装程序无法继续,需要计算机安装MSXML版本6
- 求最大公约数
- BZOJ2434 [Noi2011]阿狸的打字机
- 架构相关:组件化/模块化/工程化/性能优化/开发规范与团队协作/组件间调用与通信(flex/redux)/调试与测试
- 动画问题