# 折线图
横轴为category， 纵轴为数值型的折线图


## 使用方法

```
<template>
  <line-chart
  	:x-axis-data="xAxisData"
	:legend="legend"
	:gradient="false"
	unit="次"
	:series-data="seriesData"/>
</template>
<script>
	export default {
    data(){
      return {
	  	legend:['单灯控制器', '灯箱']
        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
        seriesData:[
          {name:'单灯控制器',data:[120, 252, 101, 134, 290, 230, 110], color:'0,191,255'}
        ]
      }
    },
  }
</script>
```
## lineChart Attributes
| 参数  | 说明  | 类型  | 可选值  | 默认值  |
| ------------ | ------------ | ------------ | ------------ | ------------ |
| smooth  | 曲线是否平滑  | Boolean  | true, false  | true  |
| gradient  | 曲线下方是否需要渐变  | Boolean  | true, false  | true  |
| seriesData  | 数据  | Array  |  -- | --  |
| unit | 单位（Y轴上显示文字）  | String  |  -- | ''  |
| xAxisData  | X轴数据  | Array  |  -- | --  |
| xAxisOption  | X轴配置  | Object  |  见下表 | {} |
| yAxisOption  | Y轴配置  | Object  |  见下表 | {} |
| tooltipOption  | Y轴配置  | Object  |  见下表 | {} |
| labelColor  | 图形上方文本标签颜色  | String  | 16进制颜色值  | #47c8b2  |
| symbol  | 折线节点 | String  | 'none'  | #47c8b2  |


#### seriesData对象数组的参数说明
|参数   | 说明  | 类型  | 可选值  | 默认值 |
| ------------ | ------------ | ------------ | ------------ | ------------ |
| name  | 系列数据名称  | String  | ''  | ''  |
| data  | 数据  | Array<Number>  | -- | --  |
| color  | 曲线颜色  | String  | rgb值,为了方便取渐变值  | --  |

#### xAxisOption, yAxisOption的参数说明
|参数   | 说明  | 类型  | 可选值  | 默认值 |
| ------------ | ------------ | ------------ | ------------ | ------------ |
| axisLineColor  | 轴线颜色  | String  | 16进制颜色值  | #101d5d  |
| fontColor  | 轴线文字颜色  | String  | 16进制颜色值  | #ffffff  |
| fontSize  | 轴线文字大小  | String  | px字号大小  | 14  |

#### tooltipOption的参数说明
|参数   | 说明  | 类型  | 可选值  | 默认值 |
| ------------ | ------------ | ------------ | ------------ | ------------ |
| fontSize  | 提示框文字大小  | String  | px字号大小  | 16  |
