摘要:概述是一個基于和的數據可視化分析包,適用于圖表,制作。目前支持的組件主依賴安裝使用建議使用搭建環境,以下只針對標準環境。圖及其他圖標支持的數據類型請見項目主頁。
Vs 概述
Vs 是一個基于 d3.js 和 vue.js 的數據可視化分析包,適用于圖表,dashboard 制作。
Github Repo
目前支持的組件d3Bar
d3Line
d3Pie
d3ProgressArc
d3SankeyCircular
d3Timelion
d3Timeline
主依賴d3.js v4
vue.js v2.5
安裝npm i -S GopherJ/Vs使用
建議使用 vue-cli 搭建環境,以下只針對標準 vue.js 環境。
main.js
import Vs from "Vs"; Vue.use(Vs);
template
// 水平柱狀圖// 圓餅圖 或者 甜甜圈 // 曲線圖 // 垂直柱狀圖 // Sankey 圖,詳見 // https://github.com/d3/d3-sankey // 時間軸圖 // 仿 kibana timelion
注意:以上均使用默認配置,柱狀圖,圓餅圖或者甜甜圈圖都默認需要傳入元素為 { key: key, value: value} 類型的數組。Sankey 圖及其他圖標支持的數據類型請見項目主頁。預覽
https://gopherj.github.io/Vs/#/
文檔https://github.com/GopherJ/Vs
部分截圖 最后如果你有任何建議或者其他希望也在未來支持的圖表請提 issue 或者郵件,cocathecafe@gmail.com,喜歡請 star,謝謝支持!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/94310.html
摘要:適用于,演示這是開發的一個簡單的可視化庫,它允許你創建所有常用的圖表類型條形圖,樹形圖,折線圖,面積圖等??梢暂p松地對折線圖和條形圖進行混合和匹配以組合不同的數據集,這是非常棒的功能。 翻譯:瘋狂的技術宅原文:https://www.monterail.com/blo... 本文首發微信公眾號:jingchengyideng歡迎關注,每天都給你推送新鮮的前端技術文章 你的程序有多...
摘要:數據可視化圖表圖表作為數據可視化最常見的表現形式之一,往往被以偏概全的認為圖表就是數據可視化。嚴格來說,數據可視化應該是連接數據與視覺的一個映射關系,將數據映射成人更容易感知其規律的可視化結果。 題目中的新一代是個相對的概念,事實上本文即將介紹的方法已經有了生產環境可用的實現方案(這也側面佐證了其可行性),但考慮到此方法與現在大部分前端項目中所使用的數據可視化方案相比仍有一些優勢,因此...
摘要:本文作者王仕軍,商業轉載請聯系作者獲得授權,非商業轉載請注明出處。想知道我接下來會寫些什么歡迎訂閱我的掘金專欄或知乎專欄前端周刊讓你在前端領域跟上時代的腳步。 showImg(https://segmentfault.com/img/remote/1460000009407536?w=592&h=314); 共 2127 字,讀完需 4 分鐘。我本周讀到 1 篇比較有趣的文章叫做《Th...
摘要:前端雜談第一個問題什么是什么是是我們在代碼中經??吹降逆I值對例如上面代碼中的節點有三個是對應的節點的對象屬性例如第二個問題從上面的例子來看似乎和是相同的那么他們有什么區別呢讓我們來看另一段代碼在頁面加載后我們在這個中輸入注意這段代碼 前端雜談: Attribute VS Property 第一個問題: 什么是 attribute & 什么是 property ? attribute 是...
閱讀 2650·2023-04-26 00:42
閱讀 2799·2021-09-24 10:34
閱讀 3810·2021-09-24 09:48
閱讀 4145·2021-09-03 10:28
閱讀 2577·2019-08-30 15:56
閱讀 2771·2019-08-30 15:55
閱讀 3254·2019-08-29 12:46
閱讀 2244·2019-08-28 17:52