遵循 provided example我构建了一个函数，将箱形图绘制到 jQuery Accordion 选项卡，该选项卡具有一定的固定高度和宽度。不同类别的数量根据传入数据的不同而有很大差异。目前我想在绘图中实现以下目标:
1) 添加轴并显示标签，like in this picture
2) 始终使盒子适合容器的宽度和高度。目前我看到，如果类别太多，其中一些会在第二行结束，确保它们不会被完全看到。在图中，div 包含 7 个框，但一行中只能容纳 4 个框:
问题是这两个如何实现呢？我什至无法找到一种方法来可靠地减少盒子之间的填充而不影响盒子上的侧面数字。
最佳答案
我采用了原始的 d3.js 示例来包含轴:
http://bl.ocks.org/jensgrubert/7789216
这里所有箱线图都在一个根元素中呈现，而不是像 Mike 的实现那样使用单独的 svg 元素。这使得添加轴变得容易。
最好， 延斯
关于svg - 带有标签和轴的箱线图，适合具有固定尺寸的 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12483802/