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

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，感謝支撐！