如何在 d3.js 中添加兄弟元素

Question

我正在嘗試添加多個“停止”元素，如下所示：defs lineargradient stop stop stop stop

這是我的代碼

 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

像這樣分解：

const grad = newSlice.append('defs')
    .append('linearGradient');

const stop1 = grad.append("stop")
    .attr("offset", "0%")
    .attr("stop-color", "red");

const stop2 = grad.append("stop")
    .attr("offset", "0%")
    .attr("stop-color", "red");

然后你有一個漸變變量，如果你需要，每個停靠點稍后訪問，例如：

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