v-charts
基于 Vue 封装的 Echarts5 图表组件
特性
- 🔑 美观的默认样式
- 💡 支持 vue2 和 vue3
- ⚡️ 响应式改变尺寸
- 📦 封装了导出表格和图片,设置单位等一些常用功能
部署
使用内网源：npm set registry http://npm.vivo.com.cn/
- 修改版本 (TODO 自动化)
yarn buildnpm 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 |
无 |
无 |
export interface ChartData<T = any> {
columns: string[];
rows: T[];
}