使用d3修改svg：path

Question

我已經在這個問題上工作了一段時間了，我很沮喪:(

我有一個svg，其中包含我已創建的一些按鈕。 然后在另一個svg中，我有一張包含各種線條或svg：path的圖表。 單擊按鈕時，我希望特定的行更改顏色。 我有以下代碼：

buttons.selectAll("#infoBox")
   .data(mydata)
   .enter()
   .append("svg:image")

... some attributes here ...

   .on("click", function() 
    {
       linechart.selectAll("svg.path")    

//right now i'm just selecting all the paths                                          
//because i want to check to see if it works 

                .style("stroke", "red");

    }

任何想法為什么這不起作用？ 如果您需要有關我如何構造所有內容的更多信息，可以在這里查看我的代碼（我是javascript，html和css的初學者，如果我的代碼不太清楚或簡潔，請對不起）

感謝您提供的所有幫助：）

Answer 1

selectAll("svg.path")選擇所有具有類path svg元素。 不確定那是否是您真正想要的。 如果要選擇svg元素內的所有path元素，應說： selectAll("svg path") 。

我在您提供的鏈接中找不到變量linechart 。 如果linechart引用了svg元素的選擇，則僅簡單地說linechart.selectAll("path")就足夠了。