成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vs - 基于 d3.js 和 vue.js 的數(shù)據(jù)可視化

Acceml / 1262人閱讀

摘要：概述是一個基于和的數(shù)據(jù)可視化分析包，適用于圖表，制作。目前支持的組件主依賴安裝使用建議使用搭建環(huán)境，以下只針對標準環(huán)境。圖及其他圖標支持的數(shù)據(jù)類型請見項目主頁。

Vs 概述 
Vs 是一個基于 d3.js 和 vue.js 的數(shù)據(jù)可視化分析包，適用于圖表，dashboard 制作。

Github Repo

目前支持的組件

d3Bar

d3Line

d3Pie

d3ProgressArc

d3SankeyCircular

d3Timelion

d3Timeline

主依賴

d3.js v4

vue.js v2.5

安裝 
npm i -S GopherJ/Vs
使用 
建議使用 vue-cli 搭建環(huán)境，以下只針對標準 vue.js 環(huán)境。

main.js

import Vs from "Vs";

Vue.use(Vs);

template

// 水平柱狀圖


// 圓餅圖 或者 甜甜圈


// 曲線圖


// 垂直柱狀圖


// Sankey 圖，詳見
// https://github.com/d3/d3-sankey


// 時間軸圖


// 仿 kibana timelion

注意：以上均使用默認配置，柱狀圖，圓餅圖或者甜甜圈圖都默認需要傳入元素為 { key: key, value: value} 類型的數(shù)組。Sankey 圖及其他圖標支持的數(shù)據(jù)類型請見項目主頁。
預(yù)覽

https://gopherj.github.io/Vs/#/

文檔

https://github.com/GopherJ/Vs

部分截圖

最后

如果你有任何建議或者其他希望也在未來支持的圖表請?zhí)?issue 或者郵件，[email protected]，喜歡請 star，謝謝支持！

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/94310.html

相關(guān)文章

  • 14個最好的 JavaScript 數(shù)據(jù)可視化庫

    摘要：適用于，演示這是開發(fā)的一個簡單的可視化庫，它允許你創(chuàng)建所有常用的圖表類型條形圖，樹形圖，折線圖，面積圖等?？梢暂p松地對折線圖和條形圖進行混合和匹配以組合不同的數(shù)據(jù)集，這是非常棒的功能。 翻譯：瘋狂的技術(shù)宅原文：https://www.monterail.com/blo... 本文首發(fā)微信公眾號：jingchengyideng歡迎關(guān)注，每天都給你推送新鮮的前端技術(shù)文章 你的程序有多...

    Mertens 評論0 收藏0

  • 聲明式與響應(yīng)式——前端新一代數(shù)據(jù)可視化方案

    摘要：數(shù)據(jù)可視化圖表圖表作為數(shù)據(jù)可視化最常見的表現(xiàn)形式之一，往往被以偏概全的認為圖表就是數(shù)據(jù)可視化。嚴格來說，數(shù)據(jù)可視化應(yīng)該是連接數(shù)據(jù)與視覺的一個映射關(guān)系，將數(shù)據(jù)映射成人更容易感知其規(guī)律的可視化結(jié)果。 題目中的新一代是個相對的概念，事實上本文即將介紹的方法已經(jīng)有了生產(chǎn)環(huán)境可用的實現(xiàn)方案（這也側(cè)面佐證了其可行性），但考慮到此方法與現(xiàn)在大部分前端項目中所使用的數(shù)據(jù)可視化方案相比仍有一些優(yōu)勢，因此...

    xuhong 評論0 收藏0

  • 前端周刊第55期：10X 程序員？

    摘要：本文作者王仕軍，商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。想知道我接下來會寫些什么歡迎訂閱我的掘金專欄或知乎專欄前端周刊讓你在前端領(lǐng)域跟上時代的腳步。 showImg(https://segmentfault.com/img/remote/1460000009407536?w=592&h=314); 共 2127 字，讀完需 4 分鐘。我本周讀到 1 篇比較有趣的文章叫做《Th...

    KaltZK 評論0 收藏0

  • 前端雜談: Attribute VS Property

    摘要：前端雜談第一個問題什么是什么是是我們在代碼中經(jīng)?？吹降逆I值對例如上面代碼中的節(jié)點有三個是對應(yīng)的節(jié)點的對象屬性例如第二個問題從上面的例子來看似乎和是相同的那么他們有什么區(qū)別呢讓我們來看另一段代碼在頁面加載后我們在這個中輸入注意這段代碼 前端雜談: Attribute VS Property 第一個問題: 什么是 attribute & 什么是 property ? attribute 是...

    elina 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<