D3.js從csv文件生成的表(成功)加載到正文底部和scripts標(biāo)記下方。因此,我無法選擇用于添加ID,類等的表格我嘗試在html中添加具有所需ID和類的表標(biāo)簽,并強(qiáng)行附加到該表標(biāo)簽,但是我在html中的表標(biāo)簽中插入了新生成的表,因此仍然無法選擇。var tabulate = function (data,columns) { var table = d3.select('#myTable') // this is the solution // var table = d3.select('body').append('table') this was before the solution var thead = table.append('thead') var tbody = table.append('tbody') thead.append('tr') .selectAll('th') .data(columns) .enter() .append('th') .text(function (d) { return d }) var rows = tbody.selectAll('tr') .data(data) .enter() .append('tr') var cells = rows.selectAll('td') .data(function(row) { return columns.map(function (column) { return { column: column, value: row[column] } }) }) .enter() .append('td') .text(function (d) { return d.value }) return table; } d3.csv('data/Inventory.csv') .then(function(data) { const columns = ['Environment','vCluster','HostName','HostModel','BiosVersion','BiosDate','OSversion','HBAadapter','HBAdriver','HBAfirmware','NICadapter','NICfirmware','NICdriver','HPiLOversion','HPiLOfirmware','OAfirmware'] tabulate(data,columns) });我需要將生成的表正確地創(chuàng)建為元素,以便它是可選擇的且可行的。
D3.js csv到html表
慕田峪9158850
2021-04-19 20:17:35