# vue-hooks-charts

> 基于 ECharts 自定义图表

## 安装

``` bash
$ npm install vue-hooks-charts -S
```
``` bash
$ yarn add vue-hooks-charts
```

### 使用
在 `main.js` 文件中引入插件并注册
``` js
import HooksCharts from 'vue-hooks-charts'

Vue.use(HooksCharts)
```
在项目中使用
``` html
<template>
  <div class="hello">
    <!-- 列表 -->
    <!-- <HooksCharts
      :dataSource="dataSource"
      @edit="edit"
      @remove="remove"
    /> -->
    <!-- 编辑 -->
    <div style='padding: 24px'>
      <HooksChartsEdit />
    </div>
    <!-- 详情 -->
    <!-- <div style='padding: 24px'>
      <HooksChartsDetail />
    </div> -->
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {},
  data() {
    return {
      data: {}
    };
  },
}
</script>
```