可以通过以下两种方法来适配 Echarts 图的横纵坐标字体大小:

  1. 使用 Echarts 提供的 API 设置横纵坐标字体大小:
//设置 x 轴字体大小
option.xAxis[0].axisLabel.fontSize = 12;
//设置 y 轴字体大小
option.yAxis[0].axisLabel.fontSize = 12;
  1. 使用 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 图的横纵坐标字体大小。

Echarts 图表横纵坐标字体大小适配指南

原文地址: http://www.cveoy.top/t/topic/nsuj 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录