v3-charts

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	无	无

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