oview是基於vue和f2封裝的移動圖表庫,有興趣的同學歡迎使用。
oView Vue.js移動端圖表庫
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文檔)