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的图例，在动态获得的图例的情况下，文本重排会更容易。如果您最终可能会有很多带有长文本和/或查看响应式布局的图例，那么可能会很有用。

请注意，如果要添加基于html的图例，则必须在根svg元素之外添加图例。所以你的图表的一部分将在svg之外。因此，如果您正在寻找保存svg或序列化的任何方式，那么您将错过传说。