原创 【D3.js-大數據可視化-知識圖譜力導向圖/引力圖譜】數據展示

    前段時間做了一個關於大數據可視化的項目,用到了d3.js,不得不說,對於大數據的展示,d3真是做到了極致,話不多說,直接上代碼。先從最簡單的數據展示開始,每天逐步更新。   <!DOCTYPE html> <html lang=

原创 【D3.js-大數據可視化-知識圖譜力導向圖/引力圖譜】根據指定的關鍵字或字段確定link中的source和target,默認是索引值

        上一篇只是將數據根據默認的索引值關係展示了出來,而實際開發中這樣的方式肯定是行不通的,比如要展示人物關係圖,你不可能把每個人指向和被指向關係正好和默認的索引值對上號,所以我們需要確定一個指定的字段或關鍵字來展示他們的關係,

原创 關於npm start / npm install 失敗的問題

如果你的項目在某天回滾或者其他操作之後npm install / start 一直失敗,windows系統的話,記得如下目錄: C:\Users\Administrator\AppData\Roaming\npm-cache 刪掉

原创 【React Less】react配置less文件編譯

自從入門開始,開發一直用的webstorm,less文件的編譯一直用編輯器的File watcher。如今用react+antd做項目,瞭解了react+antd+less的搭配,下邊小敘一下,希望能幫到不熟悉的同學。   首先,安裝以下

原创 【display:flex】彈性佈局,父元素設置display:flex後子元素的寬度太大撐大了父元素的寬度

最近做一個現貨平臺的項目,需要展示的數據超多,不是table就是chart,佈局需要彈性自適應,所以使用了css3的flex佈局方案。 先看下界面: 就上邊界面來說,主要分左右兩大部分,各部主體都是table,用的是ant-design的

原创 【解決】js for循環splice()方法刪除數組中的元素會被跳過或者只能刪除部分

根據特定的條件,要刪除數組中的一些值,用了for循環和splice()方法,結果遇到了問題,有些數據本該刪掉的數據卻保留了下來,像是被splice()方法故意跳過一樣。 仔細研究了一下splice(): “splice() 方法用於添加或

原创 【D3.js-大數據可視化-力導向圖/引力圖譜】根據指定的關鍵字或字段確定link中的source和target,默認是索引值

上一篇只是將數據根據默認的索引值關係展示了出來,而實際開發中這樣的方式肯定是行不通的,比如要展示人物關係圖,你不可能把每個人指向和被指向關係正好和默認的索引值對上號,所以我們需要確定一個指定的字段或關鍵字來展示他們的關係,如身份證號、電話

原创 【D3.js-大數據可視化-力導向圖/引力圖譜】數據展示

前段時間做了一個關於大數據可視化的項目,用到了d3.js,不得不說,對於大數據的展示,d3真是做到了極致,話不多說,直接上代碼。先從最簡單的數據展示開始,每天逐步更新。<!DOCTYPE html> <html lang="en"> <h