Vue移动端图表库(折线图,柱状图,雷达图等)——oview

oview是基于vue和f2封装的移动图表库,有兴趣的同学欢迎使用。

oView Vue.js移动端图表库

Vue移动端图表库(折线图,柱状图,雷达图等)——oview_第1张图片

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

NPM安装

npm install oview --save

推荐使用npm安装,享受安装依赖包带来的便利,同时也建议使用个人开发Vue项目使用的 Vue SPA 模板;当然Vue官方提供的cli模板固然优秀,但是由于加重了学习成本,所以对有webpack开发经验的同学使用此模板,可尽快入手。

oView特性

  • 1、oview支持哪些图?

    • 目前oview支持:柱状图,饼状图,面积图,散点图,气泡图,折线图 ,雷达图。
  • 2、图表配置简单

    
    <o-chart :data="data">
      <o-pie position="name*percent">o-pie>
    o-chart>
    
  • oview图表色彩鲜艳

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

Vue移动端图表库(折线图,柱状图,雷达图等)——oview_第2张图片 Vue移动端图表库(折线图,柱状图,雷达图等)——oview_第3张图片

你可能感兴趣的:(oview,Vue,oview,F2,图表库)