weitu-visual-plus

微兔可视化 | 组件库 plus

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
weitu-visual-plus
0.0.43a month ago4 months agoMinified + gzip package size for weitu-visual-plus in KB

Readme

<img src="https://img.shields.io/badge/npm-0.0.7-blue">
<img src=https://img.shields.io/badge/downloads-10k-blue">
<img src=https://img.shields.io/badge/vue-3.x-blue">

微兔可视化 | 组件库plus

一个 Vue.js 3 可视化库

  • 💪 Vue 3 Composition API
  • 🔥 Written in TypeScript

介绍

weitu-visual-plus组件库主要集成了一些常用的可视化组件,如图表,地球等组件,在了解微兔可视化的朋友们应该了解,微兔可视化平台内使用的组件库于此同步,我们在导出的vue3.x代码中也使用了此库的组件,让代码更加精简、更加优雅。 同时为了更加贴切的满足广大的开发者,我们将微兔可视化组件对外开源,让更多的开发者在不使用微兔可视化工具的同时也能单独使用其中的组件。同时也能让设计再此处能得到灵感~ weitu-visual-plus组件库目前图表类主要集成了Echarts图表,团队也在不断的更新自己的图标,比如3D地球、媒体等等类型。

微兔可视化

一款全新高自由度可视化大屏开发设计IDE工具,丰富的组件(100+)和模板多数据源实时渲染源代码生成动画引擎3D引擎集成PSD解析丰富的社区资源和安全离线使用等核心功能,旨在让更多人轻松打造炫酷实用的可视化大屏。通过简单的拖拽方式即可实现大屏可视化开发。设计、开发和部署一站式轻松搞定。 >>点击了解微兔可视化<<

安装

本节介绍如何安装weitu-visual-plus

环境支持

Edge ≥ 79 Firefox ≥ 78 Chrome ≥ 64 Safari ≥ 12 由于 Vue 3 不再支持 IE11,Element Plus 也不再支持 IE 浏览器。

版本

0.0.25

使用包管理器

我们建议您使用包管理器 (NPM, Yarn, pnpm) 安装 weitu-visual-plus, 然后您就可以使用打包工具,例如 Vitewebpack。 ```javascript
选择一个你喜欢的包管理器
NPM
$ npm install weitu-visual-plus --save
Yarn
$ yarn add weitu-visual-plus
pnpm
$ pnpm install weitu-visual-plus ``` 如果您的网络环境不好,建议使用相关镜像服务 cnpm 或 中国 NPM 镜像。

快速开始

本节将介绍如何在项目中使用 weitu-visual-plus。

用法

完整引入

如果你对打包后的 文件大小 不是很在乎,那么使用完整导入会更方便。 ```javascript // main.ts import { createApp } from 'vue' import WeiTuVisualPlus from 'weitu-visual-plus' import App from './App.vue' createApp(App).use(WeiTuVisualPlus).mount('#app') ```

按需导入

如果你只希望导入你 需要的组件 ,可使用按需导入的方法。 ```javascript // main.ts import { createApp } from 'vue' import { WtLine, WtEarth } from 'weitu-visual-plus' import App from './App.vue' const app = createApp(App) app.component(WtLine.name, WtLine) app.component(WtEarth.name, WtEarth) app.mount('#app') ```

开始使用

您可以从现在起启动您的项目。 对于每个组件的用法,请参考单个组件对应的文档。