续接上一篇

折线图：line

Var option={
    xAxis:{type:’category’,data:[],boundaryGap:false//与y轴紧挨，紧挨边缘}

    yAxis:{type:value，scale:0 //缩放，脱离0 比例，折线从最小开始，，不从0},

    series:[ //里面的每一项都是一条折线图

       {name:’’，data:[],markPoint:{data:[{}{}]},markLine:{type:average},markArea:{data:[]}//标注区间,smooth:true //平滑 ,lineStyle:{color:red,type:’dashed’} //设置线条节点，线条控制 ，areaStyle:{color:pink}}//填充风格 }

]

}

折线图小结：

1. 基本的折线图：基本的代码结构，x 轴和y轴的数据，series 中的type设置为line
2. 折线图常见效果：最大值、最小值、平均值-markPoint,markLine,markArea

线条显示： smooth lineStyle

       填充风格 areaStyle

       紧挨边缘：boundaryGap

       脱离 0 值比例 scale：true

       堆叠图：stack

1. 折线图特点：折线图常用来分析数据随时间的变化趋势

散点图：scatter

散点图可以帮助我们推出变量间的相关性

比如身高和体重的关系

实现步骤：1.Echarts 最基本的代码结构：引入js 文件，DOM 容器，初始化对象，设置 option

         2.x 轴数据和 y 轴的数据：二维数组的准备

          数组1:[ [身高1，体重1],[身高2，体重2],[身高3，体重3]，…]

         3.图表类型：在series 下设置 type：scatter，xAxis 和 yAxis 都要设置为 value

          4.调整：将坐标轴都设置为脱离 0 值比例，scale

散点图常见效果：

1. 气泡效果-散点的大小 symbolSize:30或者回调函数（比如实现 身高/体重 大于30的显示红色，小于显示绿色；散点图的颜色不同：itemStyle.color
2. 涟漪动画效果:type:effectScatter,showEffectOn:’emphasis’,rippleEffect:{}

散点图小结：

基本的散点图：1.基本的代码结构，2. X 轴和 y轴的数据，是一个二维数组

3.series 中的type 设置为scatter 4.xAxis 和 yAxis 中的type 设置为 value

散点图的效果：1.气泡图，2.涟漪效果

散点图的特点：散点图可以帮助我们推断出不同纬度数据之间的相关性，散点图也经常用在地图的标注上