vue——使用echart后，字體模糊問題

搬運自： https://www.jianshu.com/p/47325792a61c

 

解決方法：

1. 使用 svg 渲染，svg 渲染出的圖表的清晰度高於 canvas

const myChart = this.$echarts.init(document.getElementById('myChart'), null, {renderer: 'svg'});

 

2. 仍然使用 canvas 渲染，通過調整 devicePixelRatio 提升清晰度

const myChart = this.$echarts.init(document.getElementById('chart'), null, {devicePixelRatio: 2.5});