用于反应的 Apache Echarts

Question

如何在自定义工具提示内处理具有单击操作的按钮？我尝试了几次，但所有尝试都失败了，有没有办法在工具提示上单击 btn 时生成 或 apache echarts 阻止我使用多种方法处理该问题，其中一种使用 dom 方法，但是当我这样做时，btn 不会触发 onclick 操作，并且当我在浏览器上看到 dom 元素时，它实际上没有 on click 功能打电话所以我不知道这是否可能？所以任何陷入这种情况的人都可以提供帮助...... 预先感谢

Answer 1

我创建了一个自定义工具提示，但对点击事件不太了解。您可以通过获取工具提示元素引用来尝试使用 addEventlistner。

tooltip: {
        trigger: 'item',
        backgroundColor: '#1A1C17',
        borderColor: '#1A1C17',
        bordeRadius: '8px',
        formatter: function (params) {
          return `
                  <div style="color: white; display: flex; align-items: center">
                  <span style="background-color: ${params.color}; height: 16px; width:16px; border-radius: 50%;
                 display: block; border: 3px solid white; margin-right: 5px;
                  "></span>
                 <span style="font-size: 14px; letter-spacing: 0.25px; line-height: 20px; font-weight: 400;">${params.value}</span> <br/></div>
                 <div style="font-size: 14px; letter-spacing: 0.25px; line-height: 20px; font-weight: 400; color: white">${params.name}</div>
                        `
        },
      },