Question

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

我有一个svg，其中包含我制作的一些按钮。然后在另一个svg我有一个图表与各种行或svg：路径的。当我单击一个按钮时，我想要一条特定的线来改变颜色。我有以下代码：

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的初学者，如果我的代码不是很清晰或简洁，那就很抱歉）

感谢您提供的任何帮助：）

Answer 1

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

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

使用d3修改svg：path

1 个答案: