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