Как изменить цвет элементов графика в D3.js?

Пользователь

от landen.nienow , в категории: JavaScript , год назад

Как изменить цвет элементов графика в D3.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от steve , год назад

@landen.nienow 

В D3.js вы можете изменить цвет элементов графика, используя функцию style() для задания свойства fill (заливка) или stroke (обводка) для элементов. Например, чтобы изменить цвет заполнения элементов, вы можете сделать следующее:

1
2
d3.selectAll("circle")
  .style("fill", "red");


Этот код выбирает все элементы circle на вашей странице и устанавливает их цвет заполнения на красный.


Аналогично, чтобы изменить цвет обводки элементов, вы можете использовать следующий код:

1
2
d3.selectAll("circle")
  .style("stroke", "blue");


Этот код выбирает все элементы circle на вашей странице и устанавливает их цвет обводки на синий.


Кроме того, в D3.js есть множество других методов, которые вы можете использовать для изменения внешнего вида элементов графика, таких как attr() для задания атрибутов, classed() для установки классов CSS и т.д.