zoukankan      html  css  js  c++  java
  • echarts 悬浮框tooltip 添加点击事件

      

      悬浮框tooltip,默认是鼠标移入出现,移出消失。这种情况下,是无法点击到的,更别说添加点击事件。所以先修改出现方式

      1.从官网配置项可以看到 悬浮框的蹴发条件有四个。根据现在的要修 修改为 click

       

        2.然后要给悬浮框添加事件,鼠标必须得进入悬浮框(默认为不能进去) enterable

                 

        3.添加具体方法

                    在formatter中添加 内联得点击事件,点击事件需要挂载在window上,否则获取不到。

    tooltip: {
                    triggerOn: 'click',
                    enterable: true,
                    formatter: function (params) {
                        var showData = params["data"]
                        return `<div style="color:#fff;" onclick="myAerlt('${showData[2]}')">名称:${showData[2]} ;</div>坐标:${showData[0]},${showData[1]}`;
                    }
                },

        

    function myAerlt(nam){
        alert(nam)
    }
    window.myAerlt=myAerlt;

          效果:实现了 悬浮框得点击事件。

     

       

  • 相关阅读:
    图像处理之图像分割
    matlab 矩阵运算技巧
    回溯法:八皇后问题
    spring框架学习笔记(二)
    spring框架学习笔记(一)
    java下搭建Webservice服务
    log4j使用
    Mybatis使用
    java序列化与反序列化
    java常用数据类型
  • 原文地址:https://www.cnblogs.com/GoTing/p/14784461.html
Copyright © 2011-2022 走看看