我想通过将标题移动到当前位置下方一点来消除标题和图形之间的间隙。
apexcharts图和标题空白
我所做的是,我首先检查了元素,发现标题是在这个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/.那么,是否有可能将这里提到的样式应用于选项之外?提前感谢!
ApexCharts API提供title
选项(docs(,因此不需要使用css进行操作。
例如,只需更改title.offsetY
即可配置图表标题位置。