问题

今天在使用js开发数据大屏时，pm给我提了一个bug，散点图的markArea和markLine的字体放大会失真，缩小看不清楚，我想着这简单的不能再简单了，于是开始了我痛苦地1.5h之旅
采用echarts的散点图官方demo，demo上没有这个问题，我的项目上出现了字体描边效果

解决

第一反应觉得是字体，于是修改字体，各种字体都试了一遍，不对，好的，看文档，试其他的属性，全部试了一遍，都不行，我怀疑人生了。。。
（fontFamily，fontStyle，fontWeight，textBorderColor，textBorderWidth，textShadowColor，textShadowBlur，textShadowOffsetX）
第二反应是我的echats版本是不是不是最新的，当然也不是这个原因
第三反应在大佬的帮助下，在百度的帮助下，终于找到这个坑
给label增加颜色，虽然默认是#fff,但是配置项里面必须把color写出来，这样才能显示正常

移除echarts散点图默认的文字描边效果相关推荐

html文字加描边效果,CSS3实现文字描边效果
以前想实现文字描边效果只能用PS制作图片,现在我们可以用CSS3就可以实现文字描边效果其实,不用图片还可以文字描边哦,下面看青岛星网的实现方式. CSS3实现文字描边效果,这里主要用到text-sha ...
CSS3文字描边效果
CSS3 中有text-stroke属性,加上-webkit-前缀兼容性也还不错,但是只有在字体很大的时候才能看到描边效果,如果字体比较小,描边颜色会遮住文字本身颜色. 上图为黑色字体白色描边,字体颜 ...
文字描边_如何在网页里实现文字描边效果
文字描边想要在网页里实现文本描边效果,在以前只能使用Photoshop等来实现,但现在只需要一个text-stroke属性,即可轻松做到文本描边,渐变文本描边,甚至图片文本描边. 01 语法 tex ...
html中文字描边效果代码,css如何设置文字描边效果？
想要使用CSS给文字添加描边效果,主要有两种方法:使用text-stroke属性或text-shadow属性. 方法1:使用text-shadow属性 text-shadow属性用于向文本添加字体边框 ...
Android文字描边效果实现
前言最近项目用到了文字的描边效果,本来以为是个很简单的东西,从网上搜了不少实现,但实际做出来的效果却很难达到要求,这里简单记录自己的实现方法. 实现接口 Android二维绘制的Paint画笔工具有 ...
html5中外描边怎么写,CSS3实现文字描边的2种方法(小结)
问题最近遇到一个需求,需要实现文字的描边效果,如下图解决方法一首先想到去看CSS3有没有什么属性可以实现,后来被我找到了text-stroke 该属性是一个复合属性,可以设置文字宽度和文字描边颜 ...
PHP生成海报文字描边,海报字体怎么为海报字体添加描边样式？海报文字描边怎么做？海报字体描边样式制作...
今天是十月的最后一天啦,转眼2019年只剩下两个月了,这时间啊,走得真快,还没好好感受呢,都快要2020年了.而小编倒好,还觉得现在是2018年呢~哈哈.好啦,不说废话了,还是来看看今天的教程方案吧! ...
html字体样式描边,使用CSS给文字添加描边效果
CSS如何实现文字描边效果?下面本篇文章就来给大家介绍一下使用CSS给文字添加描边效果的方法,希望对大家有所帮助. 想要使用CSS给文字添加描边效果,主要有两种方法:使用text-shadow属性或t ...

移除echarts散点图默认的文字描边效果

问题

解决

移除echarts散点图默认的文字描边效果相关推荐

最新文章

热门文章