如何改变D3.js的边缘厚度?

时间:2017-06-08 16:55:13

标签: javascript d3.js

代码示例https://jsfiddle.net/greggyNapalm/xtg7t5ch/ 我想用weight attr。

来控制边缘厚度

2 个答案:

答案 0 :(得分:2)

尝试添加:

 .attr("style", function(d) { return ("stroke-width:" + d.weight + "px;");})

答案 1 :(得分:0)

首先从CSS文件中删除path.link类中的这一行。

stroke-width: 2.0px;

然后,在您的java脚本文件中添加path变量中的以下行。

.attr("stroke-width", function(d) { return (d.weight); })

另一种可以覆盖@ drone6502建议的样式属性的方法是添加style属性。在这里,无需从CSS中删除stroke-width

.attr("style", function(d) { return ("stroke-width:" + d.weight + "px;");})