国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Vs - 基于 d3.js 和 vue.js 的數據可視化

Acceml / 1224人閱讀

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

Vs 概述
Vs 是一個基于 d3.jsvue.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

相關文章

  • 14個最好 JavaScript 數據視化

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

    Mertens 評論0 收藏0
  • 聲明式與響應式——前端新一代數據視化方案

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

    xuhong 評論0 收藏0
  • 前端周刊第55期:10X 程序員?

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

    KaltZK 評論0 收藏0
  • 前端雜談: Attribute VS Property

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

    elina 評論0 收藏0

發表評論

0條評論

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