Skip to content
/ oview Public
forked from MrGaoGang/oview

Vue移动端图表库(饼状图,柱状图,条形图,折线图,雷达图,散点图,气泡图等)

Notifications You must be signed in to change notification settings

rttg125/oview

 
 

Repository files navigation

oView Vue.js移动端图表库

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文档

About

Vue移动端图表库(饼状图,柱状图,条形图,折线图,雷达图,散点图,气泡图等)

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 47.7%
  • CSS 23.3%
  • Vue 22.7%
  • HTML 6.3%