避免D3更新中的无效路径格式错误

史蒂文福克斯

动态添加节点时,d3树布局存在问题。

根据节点类型,我向该节点添加了路径符号,但是在更新时,我收到一条错误消息,提示“无效的路径格式”。

输入和更新都使用相同的代码:

nodeUpdate.select("path")
                .attr("d", d3.svg.symbol().type(function(d)
                {
                    return self.TypeToShape(d.Type);
                })
                .size(150))
                .attr("transform", function(d) 
                { 
                    var transform="translate(" + 2 + "," + -1 + ")"
                    if (d.Type==="e")
                    {
                        transform = transform+" rotate(30)"; 
                    }
                    return transform;
                })
                .style("fill", function(d){
                    return self.TypeToColour(d.Type);
                });

Enter似乎不会引起问题,只能进行更新。

我是D3的新手,所以我想知道我是否在概念上错过了有关d3如何工作的某些概念,而这可能会导致这种情况。

请在此处查看小提琴:http : //jsfiddle.net/z15825qu/

拉尔斯·科特霍夫(Lars Kotthoff)

问题在于您正在转换SVG符号,该符号会生成无效path的。要解决此问题,只需不要过渡它们:

node.select("path")
    .attr("d", d3.svg.symbol().type(function(d) {
        return self.TypeToShape(d.Type);
    })

这里完整的例子

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更新 svg 和 d3 中的路径样式

来自分类Dev

d3,更新多个路径

来自分类Dev

d3中的并排路径

来自分类Dev

错误:<路径>属性d:预期数字D3

来自分类Dev

在d3上更新缩放时避免避免缩放/缩放过渡

来自分类Dev

如何避免d3插值中的小值?

来自分类Dev

我的GeoJSON中是否存在格式错误或我的D3代码中存在错误?

来自分类Dev

在C3(D3)中显示JSON格式

来自分类Dev

避免目录路径无效

来自分类Dev

避免目录路径无效

来自分类Dev

D3中的GeoJSON:路径未绑定到数据

来自分类Dev

在d3中访问SVG路径长度

来自分类Dev

替代或防止D3中的路径重叠

来自分类Dev

在D3中,如何仅对特定路径启用缩放?

来自分类Dev

在d3中单击获取沿路径或直线的位置

来自分类Dev

D3中的GeoJSON:路径未绑定到数据

来自分类Dev

如何避免Hudson / ClearCase错误消息“无效的快照视图路径”?

来自分类Dev

避免在更新d3的缩放时取消缩放/缩放过渡

来自分类Dev

D3多折线图-错误:<路径>属性d:期望数字,“ MNaN,NaNLNaN,NaNC…”

来自分类Dev

%m%d%Y格式的无效日期错误

来自分类Dev

D3转换无效

来自分类Dev

缩放d3的直方图x域会导致“ <rect>属性的无效负值”错误

来自分类Dev

D3 Pie错误:<text>属性transform =“ translate(NaN,NaN)”的值无效

来自分类Dev

缩放d3的直方图x域会导致“ <rect>属性的负值无效”错误

来自分类Dev

D3地图-上下文菜单-无法更新路径属性

来自分类Dev

D3仅在运行select()而不是selectAll()时更新每个路径

来自分类Dev

从python更新浏览器中的d3

来自分类Dev

D3中的折线图动态数据更新

来自分类Dev

如何更新D3中的特定节点

Related 相关文章

热门标签

归档