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

Question

我有一个代表条形图的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的大小，则文本大小不会改变并且重叠。

谢谢