使用 d3 修改 svg:path

【问题标题】：Modifying svg:path using d3使用 d3 修改 svg:path
【发布时间】：2013-01-27 07:56:20
【问题描述】：

我一直在研究这个问题，但我很难过:(

我有一个 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");

    }

任何想法为什么这不起作用？如果您需要有关我如何构建所有内容的更多信息，您可以查看我的代码here（我是 javascript、html 和 css 的初学者，如果我的代码不是很清晰或简洁，请见谅）

感谢您的任何帮助:)

【问题讨论】：

标签： javascript html css svg d3.js

【解决方案1】：

selectAll("svg.path") 选择所有具有类path 的svg 元素。不确定这是否是你真正想要的。如果要选择svg 元素中的所有path 元素，则应该说：selectAll("svg path")。

我在您提供的链接中找不到变量 linechart。如果linechart 指的是svg 元素的选择，那么简单地说linechart.selectAll("path") 就足够了。

【讨论】：