open-index/open-npm huggingface dataset:
npm package: @ocean-uxd/ocean-vis
Description: Ocean Vis 是基于 [Vue3](https://cn.vuejs.org/) 和 [Vite](https://cn.vitejs.dev/) 构建的可视化组件库，且由于各类动效的展示需求，仅支持现代浏览器（不支持任何版本IE）。
Latest version: 0.4.6

# 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`  | 图表组件       |