美文网首页
vue: 解决 echarts 中字体模糊

vue: 解决 echarts 中字体模糊

作者: 岚平果 | 来源:发表于2021-01-26 15:11 被阅读0次

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

相关文章

网友评论

      本文标题:vue: 解决 echarts 中字体模糊

      本文链接:https://www.haomeiwen.com/subject/ugvgzktx.html