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

Question

我们要求使用轴标签添加下拉列表，以便用户可以从那里更改数据。我们只需要在特定标签上显示此下拉框效果。

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

e.g。

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()即可。