介绍
v3-chart5
是基于Vue3.x
与ECharts5.x
构建封装的组件库,用以满足低代码的可视化平台的搭建。v3-chart5
生成一个 ECharts 图表时,用户只需关心 数据 与 配置项,甚至无需配置项,即可生成一个默认的图表。
安装
npm i v3-chart5 -S
使用
安装完成后,即可使用 import
或 require
使用。
import { createApp } from 'vue'
import {LineGraph} from 'v3-echart5'
import App from './App.vue'
const app = createApp(App)
app.component(LineGraph.name, LineGraph)
app.mount('#app')
文档
服务 | 地址 |
---|---|
GitHub Page | https://github.com/FuloliyaLansfroya/v3-echart5 |
API
Container Attributes
所有组件均有以下公共属性。
参数 | 说明 | 类型 | 必选 | 默认值 |
---|---|---|---|---|
width | 图表宽度,不设置时默认为父容器宽度 | number | string | 否 | - |
height | 图表高度 | number | string | 否 | - |
options | 用于扩展的的额外配置,每种图表配置项各不相同,具体额外配置项参看 echarts 对应图表 Api | object | 否 | - |
listenEvent | 是否开启图表事件 | boolean | 否 | true |