一.浏览器画图原理简介
canvas相当画布，js相当画笔 Svg通过组件组合成新的图像
二.Echarts常用组件
1.Echarts常用图之简单的直方图和折线图
charts.init()初始化Echarts实例，用setOption指定数据绘图
Option对象：标题（title）, 图例（legend） ,X轴（xAxis）,数据（series->[name,type(bar->直方图，line->折线图),data，markline,markpoint]）{series是数据}
2.Echarts常用图之标题组件（title-> 标题负责显示整个图表的标题)
text:标题文字
Subtext：子标题
Left,top,right，bottom：标题位置
borderColor：边框颜色
borderWidth:边框颜色
3.Echarts常用图之工具箱组件(toolbox)
Show：是否显示
Feature：具体显示的功能
saveAslmage:保存图片
Restore：还原
dataView:数据视图
dataZoom：缩放视图
magicType:动态类型切换
4.Echarts常用图之弹窗组件(tooltip)
show：是否显示
Trigger：出发方式，axis就是x轴出发
5.Echarts常用图之标记线和标记点（markline，markpoint）
标记线的添加
最大值，平均值，最小值的标记线
标记点的添加
最大值，平均值，最小值的标记点
任意位置的标记点
三.Echarts其他常用图
1.Echarts常用图之饼图(pie)
Center圆心坐标
Radius半径
Name图例名字
selectedModeshi
2.Echarts常用图之仪表图（gauge）
3.Echarts常用图之地图（map）
4.Echarts常用图之K线图雷达图散点图（kline,radar,scatter）
四.Echarts高级图例介绍
1.Echarts高级之多个坐标轴(yAxis)
两个图标合并展示
设置两个y轴，配置多个yaxis属性
2.Echarts高级之区域缩放(dataZoom)
X轴可以控制区域，不仅区间显示，而且可以缩放显示，主要用于数据量非常大。
3.Echarts高级之值域选择(datarange)
过滤数据展现，根据值得大小拖拽限制展示
4.Echarts项目之定制主题