echarts缩放后图标模糊问题

Aug 22, 2024echarts

将默认的canvas渲染改成svg渲染即可。 {: .prompt-tip }

代码：

javascript

// 引入
import 'zrender/lib/svg/svg';

this.echartsInstance = echarts.init(this.$refs.chartRef, null, { renderer: 'svg' });

// 还可以设置像素比为2  { devicePixelRatio: 2 }， 默认取浏览器的值window.devicePixelRatio，不过貌似效果不大
this.echartsInstance = echarts.init(this.$refs.chartRef, null, { renderer: 'svg', devicePixelRatio: 2 });

参考文档：

Related posts