Clingfight 2022-03-11 17:38 采纳率: 100%
浏览 112
已结题

echarts回归线+散点图,在第二条回归线的文字上出现了不该显示的提示框

问题遇到的现象和发生背景

img

鼠标放在全局回归线文字这里显示了不该出现的散点提示框数据

img


这里是把鼠标放在文字上报的错,这个504也是和第一个报错一样的formatter错误,因为data[1]里面没有数据是undefined

img

问题相关代码,请勿粘贴截图
// 回归线配置
    const markLineOpt = {
      animation: false,
      label: {
        position: 'insideEndTop' // 回归线名称位置
      },
      data: [
        [
          {
            coord: [XMin, YMin],//第一个点
            symbol: 'none',
            name: '全局回归线',
            label: {
              color: '#FFEBC8'
            },
            lineStyle: {
              color: '#D3544F'
            },
            tooltip: {
              formatter() {
                const str = `<div style="color: #ffebc8;font-size: 12px">
                    y = a * x + b
                  </div>`;
                return str;
              },
              backgroundColor: '#0C0F0E',
              borderColor: '#0A2420'
            } // 全局回归线展示内容
          },
          {
            coord: [XMax, YMax],//第二个点
            symbol: 'none'
          }
        ],
        [
          {
            coord: [XMin, YMin],//第一个点
            symbol: 'none',
            name: '已有主体回归线',
            label: {
              color: '#FFEBC8'
            },
            lineStyle: {
              color: '#64B9B6'
            },
            tooltip: {
              formatter() {
                const str = `<div style="color: #ffebc8;font-size: 12px">
                    y = a * x + b
                  </div>`;
                return str;
              },
              backgroundColor: '#0C0F0E',
              borderColor: '#0A2420'
            } // 已有主体回归线展示内容
          },
          {
            coord: [XMax, YMax], // 第二个点
            symbol: 'none'
          }
        ]
      ]
    };
//散点配置
{
            name: i.name,
            type: 'scatter',
            color: i.color,
            data: [i.data],
            tooltip: {
              formatter(params) {
                const str = `<div style="color: #ffebc8;font-size: 12px">
         a
            </div>`;
                return str;
              },
              backgroundColor: '#0C0F0E',
              borderColor: '#0A2420'
            },
            markLine: markLineOpt
          };

我想要达到的结果

我想让鼠标放在全局回归线或者已有主体回归线文字样式上的时候不显示散点的tooltip提示框

  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 3月19日
    • 创建了问题 3月11日

    悬赏问题

    • ¥65 Tree 树形控件实现单选功能,可以使用element也可以手写一个,实现全选为全选状态
    • ¥60 寻抓云闪付tn组成网页付款链接
    • ¥20 如何通过sentry收集上传Android ndk的崩溃?
    • ¥30 有关数值生成的稳健性探讨
    • ¥20 关于C/C++图形界面设计问题
    • ¥15 QT+Gstreamer框架开发视频采集,无法将waylandsink视频绑定qt窗口
    • ¥15 vs2010开发 WFP(windows filtering platform)异常
    • ¥30 8*8*25的矩阵和1*8*25的矩阵相乘
    • ¥15 Ubuntu20.04主机有两个网口,如何配置将其中一个网口用来接入外网,另一个网口用来给其他设备上网
    • ¥15 ml307r-dl如何实现录音功能