xieziyu / angular2-echarts

angular directive for echarts v3
MIT License
33 stars 9 forks source link

遇到生成的图表会模糊的现象 #6

Open zxdmrg opened 7 years ago

zxdmrg commented 7 years ago

你好,请问一下有没有遇到过生成的echart的图片整个都很模糊的问题吗?

xieziyu commented 7 years ago

@zxdmrg 有截图么?echarts本身使用canvas实现的。模糊的图表有没有被缩放过?

zxdmrg commented 7 years ago

@xieziyu screenshot_20170417_100416 我只是简单的设置了宽高,我手动移动窗口大小的时候,它会跟着变,但总体还是模糊的。

xieziyu commented 7 years ago

@zxdmrg 你的浏览器是否设置了缩放比例?echarts的实现本身就存在浏览器页面缩放后模糊的问题。angualr2-echarts指令并没有对图表进行任何修改。

zxdmrg commented 7 years ago

我设置了zoom属性,现在想在浏览器发生resize事件的时候,让其触发echart的resize事件,重绘canvas。 这个你知道怎么实现吗?

xieziyu commented 7 years ago

@zxdmrg 利用(chartInit) 事件获取到echarts的instance,然后在你侦听resize事件的回调中,调用该instance的resize()方法即可