SVG路径上的D3.js通配符选择

Question

以下是从svg文件提取的svg路径标记：

    <path id="GOR-SK;06;06-G4-0708" d="M50431.61,-2196.75l- 
    1912.93,0l0,302.8l0,1137.2l1912.93,0z" class="selectable"
    </path>

我正在尝试从id属性设置所有包含字符串“ 06-G4-708”的路径元素的样式。

我正在使用D3.Js执行此操作，但不幸的是我没有找到正确的语法。

到目前为止，我所做的是：

    d3.selectAll('path').classed('lime', d => d.id.indexOf('06-G4-708') >= 0);

这将引发以下错误消息：[未定义变量d。]

我该如何实现？

Answer 1

在创建路径并为其分配ID的位置，您可以基于id

设置一个类

d3.selectAll('path').classed('lime', d => d.id.indexOf('06-G4-708') >=0);