vue: 解决 echarts 中字体模糊
-
1、视图是显示出来了，但是在一部分电脑中会显示字体模糊，如下显示，这样是不是滴
image.png - 2、使用 svg 渲染，svg 渲染出的图表的清晰度高于 canvas
this.myChart = this.$echarts.init(document.getElementById('myChart'), null, {renderer: 'svg'})
- 3、仍然使用 canvas 渲染，通过调整 devicePixelRatio 提升清晰度
var myChart = echarts.init(document.getElementById('chart'), null, {devicePixelRatio: 2.5});
-
4、看效果图
image.png
