手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

解决小程序 echart 中字体模糊的问题

首页 > Javascript >

 小程序里使用了 Echart 之后,会遇到字体模糊,但是在开发工具下又看不出来,只有在真机上才会体现出来

网上所谓的教程中,有一大堆是说 canvas 在 resize 后,分辨率不对了,才会导致模糊,建议是改分辨率,设置的高一点。然而这种改法在真机上无效(测试机上也看不到效果)
 
直到看到在微信的论坛里有一篇:https://developers.weixin.qq.com/community/develop/doc/0006469c3a83c8a7ab8fef30351000,其中有人提出来,应该是设置 textStyle 中的textShadowBlur:10,textShadowColor:'transparent'之后就 OK 了。
 
我因为对 axiaName 进行了自定义的处理,是把样式放在 rich 中进行自由定义的,就在每一个样式里都加上了这个(主要是每次上传太累,就没有多做测试,是否放在统一的 textStyle 里就可以直接解决)
 
至此,问题解决。
 
我的 formatter 是这样的:

JavaScript代码
  1. formatter: (value: any, indicator: any) => {   
  2.   return `{${indicator.titleColor}|${indicator.text}}\n{${indicator.color}|⦿} {${indicator.textColor}|${indicator.label}}`  
  3. },  
所以才需要手工加样式



本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

发表评论

评论内容 (必填):