Javascript D3 JS中条形图中轴文本的动态增长

我有一个表示条形图的SVG对象。目前，我使用css类指定y轴的文本大小：

<style>
            .axis path,
            .axis line {
                stroke: black;
                shape-rendering: crispEdges;
            }

            .axis text {
                font-family: sans-serif;
                font-size: 15px;
            }
</style> 

有没有办法使轴上的文本在svg对象调整大小时以相同的百分比进行动态更改？还有直线轴的宽度

目前，如果我试图通过缩小svg来调整svg的大小，文本大小不会改变，而且会重叠

---

谢谢

它应该一直这样做。实际上很难让它不这样工作：-因为我尝试过调整svg的大小，当它变小时，文本重叠会变小。听起来svg没有调整大小。也许你应该在问题上加上这个。