首页 > 解决方案 > 为 D3.js Sunburst 视觉对象的边界着色

问题描述

像这样使用D3 Observable Sunburst视觉效果。

我需要为路径之间的边界着色。

我可以在定义路径的地方添加描边颜色:

 const path = g.append("g").selectAll("path").data(root.descendants().slice(1)).join("path")
 .style("stroke", "red")

...但它给出了这个:

在此处输入图像描述

我可以创建一个使用条件的函数

.style("stroke", function(d) {
    if(typeof(d.children) !== 'undefined') {
        return("red")
    }
})

...但给出了不完整的边界:

在此处输入图像描述

如何为所有路径周围的边框着色?

标签: javascriptd3.js

解决方案


推荐阅读