## 项目安装/使用方法

1. 拉取项目到本地文件夹内

2. 安装 node（https://nodejs.org/en/ 下载 node)

3. 打开电脑终端 输入node -v 和npm -v 看看是否出现对应的版本 出现--->安装完成

4. 安装vue-cli 在电脑终端中输入  npm install -g @vue/cli 下载最新版

5. 打开当前拉取文档的终端 输入 npm install 下载依赖项

6. npm run serve 启动项目

7. npm run build 打包项目

## LyCharts 的使用方法

### 基本使用方法

1.在main.js中引入

```
//导入echarts
import echarts from 'echarts'
//导入主题部分(路径自拟)
import Func from '@/views/theme/index'
//导入封装的LyCharts部分(路径自拟)
import LyCharts from '@/views/index'
//导入LyCharts的css文件(路径自拟)
import '@/views/css/index.css'
//使用LyCharts
Vue.use(LyCharts)
//设置主题
Func(echarts)
```
2.使用对应的模块 (柱状图为例)

```
//使用组件
<template>
   <ly-bar
   :chartData="barData"
   ></ly-bar>
</template>

<script>
export default {
  data(){
    return{
      barData:{
        columns: ['time', 'water', 'gas'],
        rows: [
          {time: '1-1', water: '20', gas: '40'},
          {time: '1-2', water: '20', gas: '40'},
          {time: '1-3', water: '20', gas: '40'},
          {time: '1-4', water: '20', gas: '40'}
        ],
      }
    }
  }
}
</script>
```

2.数据传递

   | 属性 | 数据类型 | 默认传递项 | 说明 |
   | :--: | :--: | :--: | :--: |
   | chartWidth | String | 100% | 图形宽度 |
   | chartHeight | String | 400px | 图形高度 |
   | chartData | Object | { columns: [], rows: [] }) | 传递数据 |
   | chartData/rows | Array | [] | 画图数据(包含 x 轴线显示数据) |
   | chartData/columns | Array | [] | 需要画图的选项(第一个数据为 x 轴显示数据) |
   | settings | Object | {} | 特殊配置项数据(一些特殊的配置项，方便修改) |
   | extend | Object | {} | 修改配置项(根据 echats 官网的 option 配置,修改画图的配置) |
   | series | Object或Array | {} | 修改option的series配置项