Question

我正在尝试添加多个“停止”元素，如下所示： defs 线性梯度停停停停止

这是我的代码

 newSlice.append('defs')
    .append('linearGradient')           
    .append("stop")
    .attr("offset", "0%")
    .attr("stop-color", "red")
    .enter() 
    .append("stop")
    .attr("offset", "0%")
    .attr("stop-color", "red")
    .enter() ....... so on

但这只会创建一个停止元素。请帮助。

Answer 1

像这样打破它：

stop2.attr("offset", "50%")

然后，您为渐变设置了一个变量，并且如果需要，可以稍后在每个站点进行访问：

"copy": [
  {
    "name": "servers",
    "count": "[length(parameters('locationKeys'))]",
    "input": {
      "[copyIndex('servers')]": {
        "position": {
          "x": "[mul(copyIndex('servers'), 4)]",
          "y": 1,
          "colSpan": 2,
          "rowSpan": 1
        }
      }
    }
  }
]

如何在d3.js中添加同级元素

1 个答案: