Блог

Главная - Вопросы по программированию - Динамическое увеличение текста оси в столбчатой диаграмме в D3 JS

Динамическое увеличение текста оси в столбчатой диаграмме в D3 JS

#javascript #css #svg #d3.js #charts

#javascript #css #svg #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, уменьшив его, размер текста не изменится, и он перекрывается.

Спасибо

Комментарии:

1. Он всегда должен это делать. На самом деле довольно сложно заставить его так не работать 🙂

2. Это не так, потому что я пытался изменить размер svg, и по мере того, как он становится меньше, текст перекрывается.

3. похоже, что svg не изменяет размер. Возможно, вам следует добавить это к вопросу.