Javascript D3将图像附加到表头的方法

在HTML中，我通常将图像添加到表头的方式如下：

<th><img src= image.png alt="" height=20 width=20></img></th>

我的问题是：如何使用d3将图像附加到表头？我打算为每个标题使用不同的图像

感谢阅读

只需附加一个img并使用src作为其属性：

变量列=[ {src:http://iconbug.com/data/3a/256/77c71e95885bf94c06c7c68ccb63b131.png}, {src:http://iconbug.com/data/3a/256/9f8cd17bf12b1667d6c4b31b889b3034.png}, {src:http://iconbug.com/data/b4/256/4ece97792658df143eb693c23bb991f3.png} ]; var table=d3.selectbody.append'table'； var thead=表格。追加'thead'； thead.附加'tr' .选择全部'th' .数据列 进来 .附加“th” .附加'img' .attr'src'，函数d{ 返回d.src； }; 表，th{ 边框：1px纯色灰色； }

---

在对此进行了更多的实验之后，我仍然想知道，如果不是将图像附加到新的标题行，而是将图像附加到现有的标题行，会怎么样。我试图删除.append'th'，但这导致附加的图像被垂直附加，而不是跨所有列。这对我来说似乎是一个HTML问题。由于我不是HTML方面的专家，这里有一个建议：发布一个新的问题和您的问题，从中删除D3代码，我的意思是，询问它的HTML方面，并且只使用HTML标记。这样，你会得到更多的关注。@ArashHowaida读了你上面的评论，我无法理解你的问题，但读了你的新问题，我就明白了！这就是为什么我总是建议人们在你遇到新问题时发布新问题。我在那里留下了答案。干杯

var columns = ['Column X', 'Column Y', 'Column Z']

var table = d3.select('#table_container').append('table'),
    thead = table.append('thead')
    tbody = table.append('tbody');

thead.append('tr')
    .selectAll('th')
    .data(columns)
    .enter()
    .append('th')
        .text(function(column) { return column; });