使用d3.js和包含數據和鏈接的json數據創建表格

我沒有我想要實現的編碼示例。但我有一個從客戶端請求的服務器端json。數據需要以表格形式呈現。到目前爲止，這對d3.js來說不會那麼困難。問題是數據中的一些字段實際上是ID屬於不同的數據項。例如： {"date": "12-12-14", "name": "testname", "id": "1234"} 該id實際上就是該名稱的url，所以在表名中應該成爲一個帶有url「id」和描述「name」的鏈接。我希望這是有道理的。使用d3.js和包含數據和鏈接的json數據創建表格

現在的問題是：我如何使用d3.js的數據元素在數據之間添加數據並作爲鏈接？我的第一個想法是創建整個表格並讓所有數據都被填入。然後搜索ID並在之後更改單元格。但是，這似乎並沒有在D3.js 工作也許它會更容易使循環，而不是使用d3.js？

來源

2015-11-19 Gedion Evers

秀代碼或沒有答案 – madalinivascu

我展示了一塊JSON代碼:-)。但嚴重的是，我理解你的評論，但不知道什麼代碼顯示在第一位 –

您可以使用這些數據來創建鏈接，如下名稱：筆

yourSelection 
.append('a') 
.attr({ 
    class: 'link', 
    href: function (d) { return d.id; } 
}) 
.html(function (d) { return d.name; });

完整的示例代碼與您的數據格式（不表，但名單卻顯示proccess）：http://codepen.io/eesur/pen/yYwQBj/

來源

2015-11-19 13:39:14 user1711570

這正是我正在尋找。我想的太複雜了:-)。但是現在意識到我有一個固定的佈局，我可以根據它追加單元格。我知道每次使用函數（d）調用都會爆炸數據嗎？ –

是的，這是正確的，所以'd'循環就像你可能在for循環中做的那樣 - 看起來更像'data [i] .date'或'data [i] .name'等。這個鏈接解釋了它還有訪問數組索引的例子：https：//www.dashingd3js.com/using-data-bound-to-dom-elements – user1711570

使用d3.js和包含數據和鏈接的json數據創建表格

回答

相關問題