美文网首页
Echarts自定义主题后折线图消失,只剩圆点

Echarts自定义主题后折线图消失,只剩圆点

作者: 艾尔蓝德 | 来源:发表于2021-05-17 14:06 被阅读0次

    背景

    echarts版本: 4.7.0
    最新版5.1.0版本已经修复了这个Bug。

    结论

      删掉主题文件中的lineStyle.width配置。

    theme.png

    故事开始

      因为业务需要,小伙伴更换了之前的主题,新主题是在主题编辑器里生成的theme.js

    某天我正在愉快地学(摸)习(鱼),测试小姐姐突然给我扔了个Bug...

      我跑进去一看,折线不见了,只剩几个点孤零零地躺在图上 (—_—)

    只有圆点的折线图.png

      一脸懵[哔—]的我处于自我怀疑中:怎么回事?我干啥了我?怎么突然出Bug了?

      在确定我确实什么都没做之后,开始翻Git Log 找锅,肯定有人动我代码了!(总有刁民想害朕...)

      当我打开文件历史发现并没有人给我下毒之后,我又开始懵[哔—]了(O_o)

      稳住!不要慌,先看看项目文件变动,好在我这1000多集柯南不是白看的,很快我就把目标锁定在主题上,接下来只要找到证据(注释掉它),就能破解案情了!

    犯人就是你.jpg

      先分析一下,出问题的只有折线图,在主题文件里,我找到了line的相关配置,把line相关全部注释掉之后,折线图正常了。

      继续分析,消失的只有线,那就把lineStyle相关去掉。然后,折线图恢复正常了~

    相关文章

      网友评论

          本文标题:Echarts自定义主题后折线图消失,只剩圆点

          本文链接:https://www.haomeiwen.com/subject/wwdjjltx.html