echart 多表联动value为null时 tooltip 显示问题

两个图表,第一个有tooltip,第二个隐藏掉

两个图表的 series 如下

// ----- chart1 ----
 series: [
      {
          name: 'Union Ads',
            type: 'line',
            stack: 'Total',
            data: [320, 282, 391, 334, null, null, null],
          },
          {
            name: 'Email',
            type: 'line',
            stack: 'Total',
            data: [220, 232, 221, 234, 290, 430, 410],
          },
        ],

// ------ chart 2 -------
     series: [
          {
            name: 'Union Ads',
            type: 'line',
            stack: 'Total',
            data: [220, 182, 191, 234, null, null, null],
          },
          {
            name: 'Email',
            type: 'line',
            stack: 'Total',
            data: [120, 132, 101, 134, 90, 230, 210],
          },
        ],

注意看series 的第一个元素中data中有 null 值,

显示如下:(当鼠标移动到下面这个图表上时,并没有出现tooptip)

修正:需要将series data 中的值,使第一个元素中的data 无null值即可

// ----- chart1 -----
series: [
          {
            name: 'Email',
            type: 'line',
            stack: 'Total',
            data: [220, 232, 221, 234, 290, 430, 410],
          },
          {
            name: 'Union Ads',
            type: 'line',
            stack: 'Total',
            data: [320, 282, 391, 334, null, null, null],
          },

//  ----- chart2 -----
series: [
          {
            name: 'Email',
            type: 'line',
            stack: 'Total',
            data: [120, 132, 101, 134, 90, 230, 210],
          },
          {
            name: 'Union Ads',
            type: 'line',
            stack: 'Total',
            data: [220, 182, 191, 234, null, null, null],
          },
        ],

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值