Javascript d3js中具有响应比例值的响应分组条形图

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

同样在上面的例子中，x轴范围是重叠的，可以使其倾斜，这样所有的值都是清晰的，如下图所示，这样所有的x轴范围值都会显示出来。

---

图表的响应性是固定的，但是刻度值彼此重叠，我希望它们都能调整并显示出来。

也许这个问题对您有用：好的，我试过了，但是条形图变成了线，轴范围内的字母重叠，无法区分，如上图所示，巧克力、香草和草莓倾斜以适应移动视图中的空间。现在我能够以响应方式正确显示图表，但如何使刻度值响应。这样它们就不会相互重叠。也许你可以在谷歌搜索“响应d3.js图表”时找到很多有趣的资源。。。