Echarts 图表横纵坐标字体大小适配指南
可以通过以下两种方法来适配 Echarts 图的横纵坐标字体大小:
- 使用 Echarts 提供的 API 设置横纵坐标字体大小:
//设置 x 轴字体大小
option.xAxis[0].axisLabel.fontSize = 12;
//设置 y 轴字体大小
option.yAxis[0].axisLabel.fontSize = 12;
- 使用 CSS 样式来设置横纵坐标字体大小:
<!-- 在页面中引入 Echart 的 CSS 文件 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.9.0/echarts.min.css" />
<!-- 在 CSS 中设置横纵坐标字体大小 -->
<style>
.echarts-x-axis,
.echarts-y-axis {
font-size: 12px;
}
</style>
通过以上两种方法,可以轻松地适配 Echarts 图的横纵坐标字体大小。
原文地址: http://www.cveoy.top/t/topic/nsuj 著作权归作者所有。请勿转载和采集!