响应式分组条形图在d3js中具有响应式比例值

Question

我正在关注此example以创建分组条形图。但该图表缺乏响应能力。我想在各种设备中动态运行它。我想让它看起来像下面的图表（与响应图表示例中复制的上图不同）：

并且在上面的示例中，x轴范围是重叠的，可以使其倾斜到使得所有值都清晰，如下图所示，以便显示所有x轴范围值。

图表的响应性是固定的，但是比例值相互重叠而不是重叠我想让它们全部调整和显示。