v3-charts/README.md

> 基于 Vue 封装的 Echarts5 图表组件

# v-charts

> 基于 Vue 封装的 Echarts5 图表组件

## 特性

- 🔑 美观的默认样式
- 💡 支持 vue2 和 vue3
- ⚡️ 响应式改变尺寸
- 📦 封装了导出表格和图片,设置单位等一些常用功能

## 部署

使用内网源：`npm set registry http://npm.vivo.com.cn/`

1. 修改版本 (TODO 自动化)
2. `yarn build`
3. `npm publish`

## Props

| 参数     | 说明                                 | 类型                              | 默认值 |
| -------- | ------------------------------------ | --------------------------------- | ------ |
| type     | `series.type`                        | `string`                          | line   |
| data     | dataSet 暂时支持一种格式             | ChartData                         |        |
| options  | 传给 echart.setOption                | Object                            | {}     |
| loading  | 加载状态                             | Boolean                           | false  |
| unit     | 单位                                 | String                            | ''     |
| limit    | 最大数量，饼图，折线图等生效         | Number                            | 0      |
| markLine | 标记                                 | [{ yAxis: 4000, name: '标准线' }] | []     |
| sort     | 是否对数据排序 （只对 bar,pie 生效） | Boolean                           | false  |

## Events

| 事件   | 说明                       | 参数 | 返回值 |
| ------ | -------------------------- | ---- | ------ |
| resize | 重置尺寸,同 echarts.resize | 无   | 无     |

```ts
export interface ChartData<T = any> {
  columns: string[];
  rows: T[];
}
```