具有可變組數的D3.js動畫分組條形圖
[英]D3.js animated grouped bar chart with variable number of groups
問題描述
我正在嘗試從https://bl.ocks.org/aholachek/fb0c1cd7ea9707bc8ff55a82402c54b1改編動畫的條形圖示例
為了我自己的目的。 我現在遇到的一種修改是，我的數據將具有可變數量的組，並且xAxes和塊必須相應地調整大小。
我已經添加了調整域的大小
x0.domain(data[Object.keys(data)[0]].map(obj =>obj.name))
x1.domain(valueKeys).rangeRound([0, x0.bandwidth()])
在更新功能中，但這似乎還不夠。 雖然正確調整了條形的寬度，但是例如在初始創建后添加更多元素時，x值不會均勻分布，而是被推入圖形的最右角。 現在，我只關心分組版本，而不關心堆疊版本。
我會感激任何指針
1 個解決方案
解決方案1
0 已采納 2018-03-30 14:34:24
通過在更新之前清除barContainer可以解決問題。 這當然可以防止已經存在的小節上的過渡，但這對我來說已經足夠了
D3.js分組條形圖
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.