vue: 解决 echarts 中字体模糊

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