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或将其序列化的任何方式，那么您将错过这些传奇。