Как добавить родственный элемент в d3.js

Question

Как добавить родственный элемент в d3.js

1

Я пытаюсь добавить несколько элементов "стоп", как это:

Это мой код

 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

Но это создает только один элемент остановки. Помогите, пожалуйста.

DevSa 10 янв. 2019, в 08:52

Источник

Теги:

javascript

d3.js

1 ответ

Ещё вопросы

ksav · Accepted Answer · 2019-01-10T05-36-00.000Z

Разбейте это так:

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%")