SVG路径上的D3.js通配符选择[关闭]

Posted 2023-02-22

【中文标题】SVG路径上的D3.js通配符选择[关闭]

【英文标题】：D3.js Wildcard selection on SVG Path [closed]

【发布时间】：2019-02-16 04:01:19

【问题描述】：

以下是从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 未定义。]

我怎样才能做到这一点？

【参考方案1】：

在您创建路径并为其分配 id 的位置，您可以根据 id 设置一个类

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