当前位置: 代码迷 >> 综合 >> Echarts 文字大小随页面宽度变化
  详细解决方案

Echarts 文字大小随页面宽度变化

热度:55   发布时间:2023-10-15 11:41:05.0

Echarts 文字大小随页面宽度或父级宽度变化

在Echarts的api里
Echarts 文字大小随页面宽度变化
Echarts 图文字大小是在

textStyle:{
fontSize:12,
}

fontSize 设置 支持px单位的,em、rem、vh、vw、都不好用不支持,
如果屏幕要适配大小屏幕的时候,就会出现,字体要么太小要么太大
这里我直接写js 实现字体大小根据屏幕大小字体自适应。

const e = document.window.offsetWidth;

e是网页可视宽度
然后在fontSize里直接算出字体大小

fontSize:e / 1082 *9

注意Echarts 是刷新才重载,e 算的是一开始网页可视的宽度,如果屏幕变动需要刷新。

Echarts 刷新的方法可以用setOption()实现