在微信小程序里的ecahrts图表，tooltip中内容有黑色阴影的问题

最新推荐文章于 2024-06-26 12:57:41 发布

柑橘乌云_

最新推荐文章于 2024-06-26 12:57:41 发布

阅读量1.5k

点赞数 18

CC 4.0 BY-SA版权

分类专栏： uniapp(小程序) echarts 文章标签：前端

本文链接：https://blog.youkuaiyun.com/m0_57033755/article/details/136562826

67 篇文章

订阅专栏

5 篇文章

订阅专栏

文章讲述了在Reacttooltip组件中，尽管默认没有文字阴影，但在真机测试中出现黑色阴影。作者发现需添加textShadowColor和textShadowBlur配置，textShadowBlur不能为0，以实现透明背景阴影效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tooltip并没有设置文字阴影相关配置，但是实际真机测试出来有黑色阴影（本地编译器没有阴影），经过研究发现，需要在tooltip中加上以下配置就OK了

	tooltip: {
		
			// .....
					
			textStyle:{
				textShadowColor:'transparent',//文字块背景阴影颜色
				textShadowBlur:10,//文字块的背景阴影长度
			},
			
		},

textShadowBlur必须写，并且不能为0，否则textShadowColor不生效