Исправить заполнение стрелки края DagreD3 в IE11

DagreD3 предлагает отличный макет графической сети с интеграцией в D3 для отображения, но краевые стрелки не корректно отображаться в старых веб-браузерах (например, IE11). Маркеры-стрелки отображаются в IE11 без заливки цветом.

Это видно на примере демонстрации стилей DagreD3. при просмотре в IE11. Незаполненные наконечники стрелок обведены красным.

У стрелок отсутствует цвет заливки


person AlexM    schedule 27.07.2018    source источник


Ответы (1)


Быстрый способ решить эту проблему — добавить CSS, который добавляет цвет заливки к элементам svg.marker. DagreD3 добавляет svg.marker для каждого ребра и использует схему именования идентификаторов элементов для стрелок ребер, таких как #arrowhead123. Чтобы изменить все стрелки одним выбором CSS, добавьте:

[id^=arrowhead] {
  fill: black;  /* fills edge arrowheads in IE11 */
}
person AlexM    schedule 27.07.2018
comment
У вас могут возникнуть дополнительные проблемы с IE. Попробуйте найти мой ответ здесь: stackoverflow.com/questions/20528740/ - person MadsVJ; 28.07.2018