如何使用html部分中声明的变量

How to use declared variables in html section?

本文关键字：声明 变量 何使用 html      更新时间：2023-09-26

我正试图在D3中构建一个有向线图，该图能够在D3中使用域[-1,0,1]和范围["红色"、"黄色"、"绿色"]的线性比例来设置边的颜色，作为节点之间速度的表示。我是D3、JS和编程的新手，所以我肯定我错过了一些明显的东西，但有没有一种方法可以调用这个颜色数组中的值：

var color = d3.scale.linear()
.domain([-1, 0, 1])
.range(["red", "yellow", "green"]);

在我声明线条实际颜色的样式部分中？我尝试过的例子，我声明了10种链接类型，并试图将一个颜色元素传递给它们

path.link.onezero {
    stroke: color(-0.5);
}

不起作用，并返回一个空行。路径.link.twozero{笔划：#000；}确实有效，并返回一条黑线。

显然，我可能以错误的方式解决了这个问题，我希望能够创建这些行，而不必在样式部分中使用样式元素的离散声明，而是在样式部分使用一个样式元素，并由我的脚本动态确定其属性-我只是不知道如何做到这一点。

谢谢！

您必须在javascript代码中调用color函数，如下所示。

d3.selectAll("path.link.onezero")
   .style("stroke",color(-0.5));
相关文章：