D3 легенда диаграммы

Question

Неправильная практика создания легенды диаграммы с использованием html, а не svg? не Например, вместо

d3.select('g.chart-legend').append('text') 
    .text('ID'); 

с HTML

d3.select(div.chart-legend').append('span') 
    .text('ID'); 

Answer 1

Нет это не так. Это зависит от требований. В общем, если вы используете легенды на основе svg, будет легче рисовать фигуры и размещать легенды относительно ваших элементов svg, и если вы поедете с легендами на основе html, то в случае динамически полученных легенд будет легче перепланировать текст. Может быть полезно, если вы можете получить множество легенд с длинным текстом и/или взглядом на гибкие макеты.

Обратите внимание, что вам нужно будет добавить свои легенды вне вашего корневого элемента svg, если вы хотите добавить легенды на основе html. Таким образом, часть вашего графика будет за пределами svg. Поэтому, если вы смотрите на любой способ сохранить SVG или сериализовать его, вы пропустите легенды.