當前位置:
首頁 > 知識 > vue-schart:vue.js 的圖表組件

vue-schart:vue.js 的圖表組件

介紹

vue-schart 是使用vue.js封裝了sChart.js圖表庫的一個小組件。支持vue.js 1.x & 2.x

  • 倉庫地址:https://github.com/lin-xin/vue-schart

sChart.js 作為一個小型簡單的圖表庫,沒有過多的圖表類型,只包含了柱狀圖、折線圖、餅狀圖和環形圖四種基本的圖表。麻雀雖小,五臟俱全。sChart.js 基本可以滿足這四種圖表的需求。而它的小,體現在它的體積上,代碼只有 8kb,如果經過伺服器的Gzip壓縮,那就更小了,因此不用擔心造成項目代碼冗餘。

該庫使用 canvas 實現,兼容 IE9 以上瀏覽器。

  • 倉庫地址:https://github.com/lin-xin/sChart.js
  • 文檔(中英文):http://open.omwteam.com/sChart
  • 演示地址:http://open.omwteam.com/sChart/demo.html

效果

vue-schart:vue.js 的圖表組件

使用指南

安裝:

npm install vue-schart -S

在vue組件中使用:


應用

vue-manage-system後台框架中應用了 vue-schart 組件,體積小,載入快。

更多文章:lin-xin/blog

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 科技優家 的精彩文章:

easygen通用代碼生成框架
caffe源碼學習之Proto數據格式1

TAG:科技優家 |

您可能感興趣

Kubernetes組件
基於 node.js 的自動路由組件-HttpPostman
一個製作Web圖案的組件css-doodle
Facebook開源Linux內核組件和工具:BPF、Btrfs、Netconsd、Cgroup2、PSI、Oomd
Spring核心——Stereotype組件與Bean掃描
組件、Prop和State
總結:iview(基於vue.js的開源ui組件)學習的一些坑
容器化分散式日誌組件ExceptionLess的Angular前端UI
Nintendo Labo 推出全新 Switch VR 組件
學習es7的Decorator(順帶寫個react高階組件)
高可用負載均衡:開源PaaS Rainbond組件Rainbond-Entrance揭秘
Windows系統的JScript組件被曝存在一個0day RCE
TE Connectivity推出124位Sliver連接器和電纜組件
React Native 彈出框組件
最全面跨組件數據Apache Atlas實現跨組件沿襲Apache Hadoop
HoloLens2迄今已公布組件規格:Kinect4+HPU+光引擎
OpenStack 基礎介紹03——各組件綜述之Nova
Mozilla Firefox 將很快獲得包含 Tor 模式的擴展組件
HoloLens 2 迄今已公布組件規格:Kinect 4+APU+光引擎
React-Native 獲取組件的寬度和高度