博客

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

在Echarts的api里



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()实现