D3.js条形图轴标签有选择框

Question

我们需要添加带有轴标签的下拉菜单，以便用户可以从那里更改数据。我们只需要在特定标签上的下拉框效果。

我们尝试过的一种方法是添加svg：带标签的图像，功能正常，但其他标签具有不需要的向下箭头图像。那么，任何人都可以帮我解决我只能选择一个标签的问题吗？实际上有多个标签，其索引在更新图表时发生变化。请在下面的代码中找到适用于将图像添加到所有标签的代码。

例如

g.selectAll('.nv-x.nv-axis').selectAll('.tick.major').append("svg:image"). 
on("click", click) 
.attr("xlink:href", "images/top-bar-logo.png") 
.attr("width", 20) 
.attr("height", 20).attr("x", -20); 

Answer 1

您可以使用filter() function选择您需要附加图像的刻度。我链接到的文档有几个示例 - 您可以在不使用filter()的情况下将不同的选择器传递给selectAll()。