mrgaogang / oview Goto Github PK

oView是基于 蚂蚁金服F2图表库的二次封装，以便于Vue.js开发者在移动端和PC端更好进行图表的展示。

vue插件

vue add oview
vue invoke vue-cli-plugin-oview

NPM安装

npm install oview --save
//或者使用yarn
yarn add oview

使用

//main.js中
import oView from "oview";
Vue.use(oView);

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

oView特性

• 1、oview支持哪些图？

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

• 2、图表配置简单

  <!-- 没错，配置一个饼状图就是这么简单--->
  <o-chart :data="data">
    <o-pie position="name*percent"></o-pie>
  </o-chart>

• oview图表色彩鲜艳

色彩主要使用F2官方建议色彩，如需自定义色彩可使用:color="yourColors"传入即可。（详细请见oview文档）