echarts 移动端画面失真模糊，tooltip不显示

echarts 移动端画面失真等使用心得

这次的项目移动端电脑端都有用到echarts这个插件。在此记录一些使用心得，方便日后查看。如果能帮到看文章的你，我很高兴。

移动端

一、柱状图，画面失真，柱状图发虚

解决方案一

换svg绘图

解决方案二

我的项目出现这个的原因是我使用echarts.init()的时候，直接将id绑定在canvas上了。将id绑在div上就会避免这个现象了

初始化在自动创建 canvas 的时候会根据高分屏优化，会缩放到两倍大小。

二、折线图tooltip不显示

也是由于直接初始化了canvas。将id绑在div上就可以了。因为ehcarts 的tooltip的绘制是用div来绘制的。将init绑定到canvas上canvas的子集无法绘制div。