ECharts柱状图/折线图点击图例无法增添/删除折线的问题解决

        最近做项目用到了百度的开源可视化图表库ECharts,这个图表挺好用,上手简单,就是做得比较丑。今天在用ECharts做图时就碰到了一个特别困惑也特别搞笑的问题,网上没有解决方案,因此写一篇博客希望能帮助到一些人。

我本是打算做一个柱状图,在ECharts中柱状图和折线图是在一起的。在图做好之后(作图的步骤就不细说了,本篇博文不是ECharts的教程),发现图上的图例选择有一些不管用,如下图所示:

是 我在解决之后再截的图,事实上,在问题出现的时候,后面三个选项是黑的,点击它们,并不会让图上与选项对应的折线或者柱子出现或消失,也就是说失效了。而前面4个却可以。我查看了很多地方,起初怀疑是数据的问题,在代码中添加alert来测试却发现并没问题,之后又怀疑是不是ECharts只支持同时展示4组数据,也就是生效的那4个。去网上查,却并没有这方面的资料能肯定我的这个想法。无奈之下去试着删改源码,却依然没有效果。这时我纠结了近一个小时,只能向身边的大牛求助了&

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值