Echarts提示框tooltip 自定义函数并传递参数

425 阅读1分钟

首先tooltip里面需要设置enterable属性,设置提示框可以鼠标悬浮
其次formatter里面的html绑定点击事件并且传递参数
最后自定义的事件传递给window属性

tooltip: {
    enterable: true, // 鼠标可以点击提示框的内容
    confine: true,
    formatter: (params: any) => {
      let str =
        `<div>
            <div style="cursor: pointer;" onclick="copyData(\'` + '传递' +  "','" +   params+  `\')">
              <span style="width: 160px;text-align: right;display:inline-block;">FirstCaptureTime:</span><span>${params}</span>
            </div>     
         </div>`
      return str
    },
  },
-------------------------------------------------
将自定义的函数传递给window属性
window.copyData = (name: string, value: any) => {
    
}