echarts---折线图常用属性

之前说的系统性的总结属性来了，请往下看：

首先引入图表的js,然后在HTML中添加一个带有宽高的空div

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的折线图。

 折线图样式设置(只归纳了平时项目常用的属性，详细的用法请前往官网查看)：

title：图表标题

legend：标记，也是我们常说的备注

   data：显示的标记值
   textStyle：     
   color：颜色

xAxis：x轴

   data:

   type:坐标轴类型。

   name:坐标轴名称。

   nameLocation:坐标轴名称显示位置。

   axisTick:坐标轴刻度相关设置。

          alignWithLabel:类目轴中在 boundaryGap 为 true 的时候有效，可以保证刻度线和标签对齐。如下图：

          interval:坐标轴刻度的显示间隔，在类目轴中有效

          inside:坐标轴刻度是否朝内，默认朝外。

   nameTextStyle：坐标轴名称的文字样式。

   min:坐标轴刻度最小值。

   max:坐标轴刻度最大值。

   axisLabel:坐标轴刻度标签的相关设置。

grid:图表距离容器的距离

   left:组件离容器左侧的距离

   top:组件离容器上侧的距离

   right:组件离容器右侧的距离

   bottom:组件离容器下侧的距离

   backgrounColor:网格背景色

   borderColor:网格的边框颜色

   borderWidth:网格的边框线宽。

yAxis：y轴(与x轴一样，不复述)

tooltip：鼠标悬浮的提示框

aria:阴影

series：

   name:名称

   label:文本标签--

      position：位置

      color：颜色

      fontStyle：字体样式

      fontWeight：字体的粗细

   labelLine:标签的视觉引导线配置。

   itemStyle:折线拐点标志的样式。

      color

   lineStyle:线条样式。

      color="#000"

       width=2

       type:solid,dashed,dotted

 areaStyle:区域填充样式

        color

        opacity = 1:图形透明度,0-1

   smooth:是否平滑曲线显示。

   data:通常要显示的数值