echart图横纵坐标字体大小适配
可以通过以下方法来适配Echart图的横纵坐标字体大小:
- 使用Echart提供的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>
通过以上两种方法,可以轻松地适配Echart图的横纵坐标字体大小。
原文地址: http://www.cveoy.top/t/topic/chOY 著作权归作者所有。请勿转载和采集!