1.做項目中，因需要，用d3寫了個人車關係圖
項目地址：https://github.com/davidpan123/vue-d3
1、數據 有如下數據，需要可視化： var dataset = [ 30 , 10 , 43 , 55 , 13 ]; 這樣的值是不能直接繪圖的。例如繪製餅狀圖的一個部分，需要知道一段弧的起始角度和終止角度，這些值都不存
項目地址 https://lovekobe24.github.io/DymanicLineChartWithD3/
具體代碼圖下所示： <!DOCTYPE html> <html> <head> <title>Demo</title> <script src="https://d3js.org/d3.v4.min.js"></sc
PS: 這篇文章適合有一定D3基礎的童鞋，因爲沒有多餘的註釋，只是筆者比較業餘的代碼分享，勿噴 目錄 - HTML - JS - CSS - 效果圖 ^ HTML <div class="content-pan
1、普通任務節點是流程裏面的最常用的節點，這種節點是rect形狀 需求： 普通節點可以進行拖拽 普通節點可以進行大小變化 普通節點可以拖拽出線條，跟其他節點連接 第一次這麼深入的玩svg和d3 還是走了蠻多冤枉路，廢話不多說了
需求： 1、通過拖拽選中多個節點，然後進行位置調整。 2、選中多個節點，點擊刪除來進行多個節點刪除。 效果圖： 選中多個節點進行拖拽移動。 關鍵代碼： 第一步拖拽的時候創建一個臨時的rect，並且設置透明度爲0.7 /**
前面三節完成了開始、結束、普通節點的拖拽生成，這些都還比較簡單，這節來實現下線條都繪製以及拖拽相關功能： 需求： 1、拖拽生成線條，連接2個節點 2、拖拽節點的時候 線條跟着移動 3、選中線條變換樣式 4、右鍵點擊可以刪除線條 5
撤銷和恢復一開始是不想做的，但後來感覺這個功能還是有點必要的，就只好加上了。 需求：這裏就不介紹了，就是個操作的前進後退功能。 其實原理蠻簡單的，就是做一些操作的時候將前進、後退操作指令以及相關參數傳遞給操作事件監聽類。 注意這裏
多年前接觸過一個easyui寫的一個流程設計器，功能蠻強大的，但時過境遷，以前的那種太過笨重，而且始終感覺運行起來太卡頓，最近公司不是特別忙，突然想採用d3來寫個流程設計器。 流程設計器大概需求 可以拖拽節點進行繪製流程圖 可以
上一節完成了架子的搭建以及節點的拖拽，這節完成節點菜單右鍵的操作 需求： 1、右鍵點擊節點，彈出菜單，選中屬性菜單項，右邊再彈出菜單配置panel 2、點擊其他節點或者界面空白處隱藏下拉菜單 效果圖： 1、右鍵節點彈出菜單 點擊
一晃這設計器也寫了快一週了，基本功能已經出來咯。但完全做完應該還需要個把月吧。 這節我們介紹下節點間線條的拖拽變換的功能： 需求： 1、點擊線條，會在線條倆端生成2個拖拽節點。 2、點擊拖拽節點可以變換線條的起始位置或者是結束位置
座標軸常用方法 方法 格式 說明 axisTop d3.axisTop() 生成刻度值在上方的刻度尺 axisBottom d3.axisBottom() 生成刻度值在底部的刻度尺 axisLeft d3.axisLeft() 生成刻度值
交互式入門：鼠標，鍵盤，觸屏 事件；d3.event 行爲：退拽，縮放 1.鼠標點擊事件 要領： //鼠標常用事件： click，mouseover，mouseout，mousemove，mousedown，mouseup，dbc
這篇文章是《數據可視化實戰》中的作者例子，我只不過是想重溫下地理路徑生成器的使用思路。 地理路徑的格式有兩種，geojson，topojson，topojson是d3作者mike自創的一種格式，並沒有成爲一種標準，這個例子是書中
目前市面上我們可選擇的圖表工具琳琅滿目，有開源的也有商業化的，而且C3也不是第一個基於D3開發的庫，像nvd3.js和rickshaw.js都是基於D3開發的，並且都聲稱可以利用D3的強大功能來創建可複用的圖表。 D3在2010
