vue Data UI 是一个由开源开发者 Graphieros 维护的项目，它旨在通过现代化的 Vue 3 技术，帮助开发者快速、轻松地创建数据丰富、视觉效果出众的应用。

主要特点

丰富的组件库：包括多种图表类型，如柱状图、饼图、热力图等。

用户友好：易于集成和使用，支持全局和局部组件声明。

高度可定制：提供多种配置选项和插槽，允许用户自定义图表和工具提示。

支持 TypeScript：提供类型定义文件，方便 TypeScript 用户使用。

项目快速启动

安装

首先，通过 npm 安装 Vue-Data-UI：

npm install vue-data-ui

全局使用

在你的 main.js 文件中，全局注册组件：

import { createApp } from "vue";
import App from "./App.vue";
import "vue-data-ui/style.css";
import { VueUiRadar } from "vue-data-ui";

const app = createApp(App);
app.component("VueUiRadar", VueUiRadar);
app.mount("#app");

局部使用

在单个组件文件中，局部导入和使用组件：

<script setup>
import { VueUiRadar } from "vue-data-ui";
</script>

<template>
<VueUiRadar :config="config" :dataset="dataset" />
</template>

链接: https://fly63.com/nav/4202