Vue移動端圖表庫(折線圖,柱狀圖,雷達圖等)——oview

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章