https://github.com/mrgaogang/oview

Vue移动端图表库（饼状图，柱状图，条形图，折线图，雷达图，散点图，气泡图等）
https://github.com/mrgaogang/oview

chart oview pie vue

Last synced: 8 days ago
JSON representation

Vue移动端图表库（饼状图，柱状图，条形图，折线图，雷达图，散点图，气泡图等）

• Host: GitHub
• URL: https://github.com/mrgaogang/oview
• Owner: MrGaoGang
• Created: 2019-04-19T11:46:15.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-03-06T12:29:09.000Z (9 months ago)
• Last Synced: 2024-10-31T19:59:10.766Z (18 days ago)
• Topics: chart, oview, pie, vue
• Language: JavaScript
• Homepage: https://mrgaogang.github.io/article/oview
• Size: 4.37 MB
• Stars: 29
• Watchers: 1
• Forks: 17
• Open Issues: 44
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




    






oView Vue2.js移动端图表库

    




 

        

            

        

        

            

        










> oView是基于 [蚂蚁金服F2](https://www.yuque.com/antv/f2/getting-started)图表库的二次封装，以便于Vue.js开发者在移动端和PC端更好进行图表的展示。

### vue插件

```bash

vue add oview

vue invoke vue-cli-plugin-oview

```

### NPM安装

```

npm install oview --save

//或者使用yarn

yarn add oview

```

**使用**

```js

//main.js中

import oView from "oview";

Vue.use(oView);

```

oview默认会使用:`o-chart`,`o-line`的方式全局注册组件。使用时，请记得使用`o-x`的方式哦

### oView特性

- **1、oview支持哪些图？**

    - 目前oview支持：柱状图，饼状图，面积图，散点图，气泡图，折线图 ，雷达图。

- **2、图表配置简单**

    ```html

    

    

      

    

    ```

- **oview图表色彩鲜艳**

> 色彩主要使用F2官方建议色彩，如需自定义色彩可使用:color="yourColors"传入即可。（详细请见[oview文档](http://blog.gaogangsever.cn/article/oview/)）