echarts.js 做图表的插件

<scripttype="text/javascript"src="{uiurl()}echarts/echarts.js"></script> 查看网址:http://echarts.baidu.com/examples.html 具体自己的笔记代码.…

echarts.js（图表插件）2.0版会导致 ZeroClipboard.js（复制插件）失效，3.0版未知。

解决方法:ZeroClipboard.js先于echarts.js加载.…

echarts api文档: http://echarts.baidu.com/echarts2/doc/doc.html echarts demo示例: http://echarts.baidu.com/echarts2/doc/example.html echarts 使用五部曲: 1. 制作一个图表容器 <div id="main" style="height:400px;"></div> 2. 引入echarts.js文件 <s…

单纯用JS做的分页插件

最近公司需要用到分页插件,由于市面上大多都是jQuery的分页插件,而且项目中有自己的工具类,所以说我在工具类中又添加了不依赖jQuery的分页插件,而且分页插件来说对DOM的操作也不是很多,就是用JS来操作DOM还有有一点点蛋疼的,起码代码看上去不是特别的简洁美观. 下面是插件的使用方法,这个是JS代码: pageUtil.initPage('page',{ totalCount:500,//总页数,一般从回调函数中获取.如果没有数据则默认为1页 curPage:1,//初始化时的默认选中页,…

图表工具--- ECharts.js学习（一）简单入门

ECharts.js学习(一) 在项目开发的时候,在前端的数据需要用图表的形式展示.网上搜索了一下,发现有几种统计图库.具体有哪几种可以看: 前端开发者常用的9个JavaScript图表库 ECharts.js的特点这也是一款基于HTML5的图形库.图形的创建也比较简单,直接引用Javascript即可.使用这个库的原因主要有三点,一个是因为这个库是百度的项目,而且一直有更新,目前最新的是EChart 3:第二个是这个库的项目文档比较详细,每个点都说明的比较清楚…

ECharts JS应用：图表页面实现

因为要统计数据进行图表展示,所以就简单学习了 ECharts JS 的应用.它是一个纯Javascript图库,它依赖于一个轻量级的Canvas库 ZRender,并提供直观.生动.交互式和高度可定制的数据可视化图表. 其官网地址为:http://echarts.baidu.com 教程文档地址:http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts 应用 ECharts…

echarts.js中的图表大小自适应

echarts的图表,如果父级容器的height/width属性设置为百分比的形式,那么echarts就会warning,且不能正常的生成图表.所以div容器的高度宽度必须指定为px,这设计不知道是为啥. 于是自己采用了如下解决方案,直接贴代码了. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie…

利用echarts做图表统计

以项目中的扇形统计图为例: 首先,第一步: 引入外部echarts.js文件其次,第二步: HTML代码块 <div class="count-body-con count-tj"> <div class="float-e-margins"> <div class="ibox-title"> <h3 style="letter-spacing: 3px;text-align: center&q…

js组件在线编辑器插件、图表库插件、文件树插件

在线编辑器插件: 一.kindeditor 二.UEditor 图表库插件: 一.echart 二.highchart 文件树插件: 一.zTree -- jQuery 树插件 http://www.treejs.cn/v3/main.php#_zTreeInfo…

使用node.js做一个自用的天气插件

var request = require('request') var url = 'http://www.baidu.com/home/xman/data/superload' var cookie = '你登录百度后的cookie' var options = { method: "GET", url: url, qs: { "type": "weather", "asyn": 1, "t": new…