1—echarts——echarts特性介绍
Echarts一个纯的javascript的图表库,可以流畅的运行在PC
和移动设备上,兼容当前大多数的浏览器(IE8/9/10/11,Chrome
Firefox,safari),底层以来轻量级的Canvas类库ZRender,提供
直观,生动,可以交互的,可以高度个性化定制的
数据可视化图表
Echarts3中更是加入了更多丰富的交互功能以及更多的可视化
效果,并对移动端做了深度的优化。
2---丰富的图表类型
Echarts提供了常规的折线图,用于统计的盒形图,
Echarts 3不再强制使用AMD的方式按需引入
代码里也不再内置AMD加载器
因此引入方式简单了很多,只需要想普通的javascript库一样用
script标签引入
<!DOCTYPE html>
<html>
<header>
<meta charset=“utf-8”>
<script src=“echarts.min.js”></script>
</header>
<body>
<!—为echarts准备了一个具备大小(宽高)Dom—>
<div id=“main” style=“width:600px;height:400px;”></div>
</body>
5——echarts.min.js是所有的东西
echarts.min.js是所有的东西
6----xAxis:{
data:[“wwj”,”ww”,”wkw”,”wkw"]
}
7——series[i]
系列列表。
每个系列通过type
决定自己的图表类型
折线图
折线图
折线图是用折线将各个数据点
.done()成成时候执行
异常的时候不执行
always
不论成功与否都是会执行的
.push的用法就是数组添加元素