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或將其序列化的任何方式，那麼您將錯過這些傳奇。