echarts 等比伸缩

Posted 2023-03-27

参考技术A em、rem、vw 这些 CSS 单位真心好用，然而使用 echarts 的自适应却比较原始，字体大小是不会伸缩的，只会伸缩图形，所以在小的分辨率下经常会走形：

html：

1920 分辨率下的效果：

使用 chart.resize() 后1280 分辨率下的效果：

找了半天的配置项方法，也没有想到如何让字体也等比伸缩。
于是只好自己另辟蹊径。

HTML：

JS：

1280 下的效果：

简直完美！