D3.JS: добавление класса, чье имя основано на данныхCSS

Разбираемся в CSS
Anonymous
D3.JS: добавление класса, чье имя основано на данных

Сообщение Anonymous »

D3 имеет 2 способа настройки класса: < /p>

selection.attr("class", (d) => d.isFoo ? "foo" : "");
selection.classed("foo", (d) => d.isFoo)
< /code>

Я ищу способ добавить класс, названный в соответствии с данными. Т.е. Что -то вроде: < /p>

selection.classed((d) => "node" + d.id, true);
< /code>


Я не хочу использовать id < /code>, потому что несколько элементов DOM будут делиться этим классом. < /li>
Я не хочу использовать attr < /code>, потому что он может потенциально перезаписать другие классы уже там. < /li>
< /ul>

Итак Я мог бы сделать < /p>

selection.attr("class", (d) => d3.select(this).attr("class") + " node" + d.id);
< /code>

Что кажется немного хакерским. < /p>

Любое лучшее решение? Или функция?

Подробнее здесь: https://stackoverflow.com/questions/419 ... ed-on-data

Вернуться в «CSS»