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