echarts缩放后图标模糊问题

Daotin 于 2024-08-22 发布 编辑

将默认的canvas渲染改成svg渲染即可。

代码:

// 引入
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 });

参考文档: