### 图表介绍

Line Chart, 折线图。

### 属性 attrs

通过设置 Line 的属性来产生不同的样式，包含若干属性

| 属性名      | 类型    | 默认值                               | 描述                                                                              |
| ----------- | ------- | ------------------------------------ | --------------------------------------------------------------------------------- |
| clientRect  | Object  | {top,right,bottom,left,width,height} | 设置了 width,heigh,优先与 bottom,right                                            |
| smooth      | Boolean | false                                | 曲线是否平滑                                                                      |
| axisGap     | Boolean | false                                | 开始绘图区域与坐标轴是否有间隙                                                    |
| splitNumber | Number  | 0                                    | 坐标轴的分割段数，用来计算线的最大高度，在设置坐标轴的 splitNumber 属性时同步加上 |

### style 属性

```javascript
const line = new Line({ smooth: true })
line.style('point', { pointType: 'star', size: 8 })
```

组件中可以自定义 css 属性的元素如下表：

| 名称        | 基础类型                                                                                                               | 描述                     |
| ----------- | ---------------------------------------------------------------------------------------------------------------------- | ------------------------ |
| guideline   | 线                                                                                                                     | 指导线样式               |
| line        | 线                                                                                                                     | 线条样式                 |
| point       | 面，除了基础面的全部属性外，还有(<a style="text-decoration:underline" href="./#/doc/plugin/Point">Point</a>)的特殊属性 | 线条上标记点样式         |
| point:hover | 面，除了基础面的全部属性外，还有(<a style="text-decoration:underline" href="./#/doc/plugin/Point">Point</a>)的特殊属性 | hover 时线条上标记点样式 |