Я хочу устранить разрывы между заголовком и графиками, переместив заголовок немного ниже текущей позиции.
график апексхарта и разрывы заголовков
Я сначала проверил элемент и обнаружил, что заголовок объявлен в этом html элементе
<text id="SvgjsText35758" font-family="Helvetica, Arial, sans-serif" x="330.5" y="16.5" text-anchor="middle" dominant-baseline="auto" font-size="14px" font-weight="900" fill="#373d3f" class="apexcharts-title-text" style="font-family: Helvetica, Arial, sans-serif; opacity: 1;">W'lands JB to SG 1 Week Ago</text>
, поэтому после того, как я получил имя класса, я пытаюсь изменить класс .apexcharts-title-text, чтобы изменить его позиция:
.apexcharts-title-text {
padding-top: 1em;
}
но ничего не произошло. Положение заголовка остается прежним. Что меня удивляет, так это то, что когда я пытаюсь применить другой стиль, он работает
.apexcharts-title-text {
font-size: 1em;
}
Я понимаю, что размер шрифта является частью стиля, который можно изменить в опциях заголовка здесь https://apexcharts.com/docs/options/title/. Так можно ли применить стиль вне упомянутых там вариантов? Заранее спасибо!