vechart2024
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

vechart2024

介绍

1)这是一个依赖于vue和echarts的图表库,通过vue-demi兼容vue2和vue3
2)使用时无需关心图表实例的创建、绘制和销毁,只需传入图表配置option即可
3)组件名称清晰直观:VeLine为折线图,VeBar为柱状图
4)默认图表自适应大小
5)后续根据常见业务需求,添加其它图表组件

注意事项

如果在vue2.6及以下版本中使用该库,请先安装@vue/composition-api这个依赖包
npm i -D @vue/composition-api
@vue/composition-api:用于提供组合式API的Vue2插件,Vue2.7内置了Composition API,不需要这个插件,这个插件只支持Vue 2.6 或更早的版本。

构建方式

vite构建库模式

使用方式

1)安装依赖
npm i -S vue echarts vechart2024
2)引入图表(VeLine为折线图)
import { VeLine } from 'vechart2024'
3)全局注册,也可以局部注册
Vue/app.component(VeLine.name, VeLine)
4)使用
<ve-line :option="option" :autoresize="false" class="chart-box" />
注:option为图表配置,具体参考echarts文档
autoresize:是否自适应大小,默认为true

Readme

Keywords

none

Package Sidebar

Install

npm i vechart2024

Weekly Downloads

1

Version

1.0.2

License

none

Unpacked Size

50.4 kB

Total Files

10

Last publish

Collaborators

  • cl999