一、简介 echart是一个常用的基于h5的报表库。这个例子简单展示了实现折线图,柱状图,圆环图和圆饼图的使用。 并实现和do的非html部分的数据交互。 二、效果图 三、相关下载 https://github.com/do-project/code4do/tree/master/call_echa ...
分类:
其他好文 时间:
2016-09-27 09:08:07
阅读次数:
168
ECharts是国内开发一款图标插件,在网页中我们经常要用到图标显示,直接引用十分方便。 直接到ECharts主页调用插件 这其中rawData是最开始初始化传入的数据。 更数据的原理就是通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项。 这里我通过jQuery的a ...
分类:
其他好文 时间:
2016-09-26 10:46:48
阅读次数:
1704
实例:http://echarts.baidu.com/demo.html API:http://echarts.baidu.com/api.html#echarts 配置项:http://echarts.baidu.com/option.html#title 第一步:链入js文件 第二步:为表格设 ...
分类:
其他好文 时间:
2016-09-21 13:00:56
阅读次数:
164
first.html: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>First ECharts</title> <script type="text/javascript" src="../js/echart ...
分类:
Web程序 时间:
2016-09-17 21:53:12
阅读次数:
166
1 目标 使用Echart的k图展现上下阈值,并且当真实值超过上阈值或低于下阈值时候,标红报警。 2 实现效果 如下: 3 代码 1)头文件,引用jquery.js和echart.js;其中,jquery是实现ajax读取数据的,echart负责数据前端可视化。 2)body中创建id为main的d ...
分类:
其他好文 时间:
2016-09-09 11:35:46
阅读次数:
344
本文介绍一个echarts工具类EChart.js,用来制作统计图表,基于echarts3。 一、工具类特性如下: 注:构建echarts脚本的时候,需要包含柱状图、饼状图、折线图、直角坐标系、标题、图例、提示框、标注、数据区域缩放、工具栏组件。 二、接口说明如下: 图表数据格式示例如下: [{na ...
分类:
其他好文 时间:
2016-08-13 15:30:37
阅读次数:
464
最近研究个新玩意,叫window.AudioContext;不懂?没关系,我也是才接触,这完全可以说个全新领域,这玩意干啥的?顾名思义,媒体上下文,也就是你媒体的数据分析,就是一串数据啊?那有啥用呢?对,单纯的数据毫无意义,但是如果把数据结合canvas,就会产生神奇的效果(比如百度的echart) ...
分类:
其他好文 时间:
2016-08-12 13:20:32
阅读次数:
94
Echart是百度开发的一个javascript图表库,可以流程运行于pc和移动端,底层依赖轻量级的 Canvas 类库 ZRender。 ECharts 提供了常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,用于地理数据可视化的地图,热力图,线图,用于关系数据可视化的关系图,tree ...
分类:
其他好文 时间:
2016-07-31 12:58:25
阅读次数:
1493
主要用到echart插件实现趋势图绘制,为了模拟实时效果,并且保证趋势图匀速移动,实现主要思想如下: 1.为保证匀速移动,趋势图的移动以前端时间间隔为准,时间间隔到了,趋势图就移动一次,不管后台数据正常返回与否,有后台返回的数据则显示正常数据,没有正常数据则前端自行填补数据。 2.趋势图x轴显示的时 ...
分类:
其他好文 时间:
2016-07-20 22:50:14
阅读次数:
399