# OCEAN-VIS

**Repository Path**: ocean-uxd/ocean-vis

## Basic Information

- **Project Name**: OCEAN-VIS
- **Description**: OCEAN VIS可视化大屏组件库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2024-07-23
- **Last Updated**: 2025-12-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, 数据可视化

## README

# Ocean Vis 可视化组件库
Ocean Vis 是基于 [Vue3](https://cn.vuejs.org/) 和 [Vite](https://cn.vitejs.dev/) 构建的可视化组件库，且由于各类动效的展示需求，仅支持现代浏览器（不支持任何版本IE）。

## 安装
对于已有的 Vue 3 工程，使用 npm 安装。
```bash
npm i @ocean-uxd/ocean-vis
```

## 完整引入
```js{2,3,7}
import { createApp } from 'vue'
import oceanVis from '@ocean-uxd/ocean-vis'
import '@ocean-uxd/ocean-vis/dist/style.css'
import App from './App.vue'

const app = createApp(App)
app.use(oceanVis)
app.mount('#app')
```

## 所需依赖
有部分常用依赖在组件库打包时被排除在外，请在工程内进行预装。

| 名称                                                     | 版本     | 说明         |
|--------------------------------------------------------|--------|------------|
| [Vue](https://www.npmjs.com/package/vue)               | `>3`   | Vue        |
| [Element Plus](https://www.npmjs.com/package/element-plus)  | `>2.7` | Vue3 UI库 |
| [ECharts](https://www.npmjs.com/package/echarts)       | `>5`   | 图表组件       |
| [Highcharts](https://www.npmjs.com/package/highcharts) | `>11`  | 图表组件       |