javascript - D3图表图例

使用html而不是svg创建图表图例是一种不好的做法吗？
例如代替

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

与HTML

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

最佳答案

不，这不对。这取决于要求。通常，如果您使用的是基于svg的图例，则相对于svg元素绘制形状和放置图例将更加容易；如果您使用基于html的图例，则在动态获取图例的情况下，文本重排会更容易。如果您可能会遇到很多带有长文本的图例和/或查看响应式布局，则可能会很有用。

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

关于javascript - D3图表图例，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40760589/