首页 > 其他分享 >去除echart鼠标经过图表时默认背景黄色问题

去除echart鼠标经过图表时默认背景黄色问题

时间:2023-04-26 16:59:36浏览次数:48  
标签:hover echart myChart 图表 https 去除 mouseover 鼠标

废话不说,上代码:

策一:

// 注册mouseover事件,去除hover样式
  myChart.on("mouseover", function () {
    myChart.dispatchAction({
      type: "downplay",
    })
  })

策二(荐):

geo:{
  emphasis: {
    disabled: true
  },
}

写在最后

duang~这时候产品站出来了,说我要在hover时展示定制的颜色!
这时候该怎么办呢?
这时候要使用事件mouseover&mouseout了,参数event标识当前的数据,
然后替换数据,然后执行chart.setOption方法即可

以上。

参考备用:

https://www.jianshu.com/p/6bf076254344

https://zhuanlan.zhihu.com/p/370599705

标签:hover,echart,myChart,图表,https,去除,mouseover,鼠标
From: https://www.cnblogs.com/hjk1124/p/17356575.html

相关文章

  • 如何实现vue项目中使用Baidu Map,有多个点,鼠标移入出现文字标注,移除消失文字标注,并且点
    直接来案例,再分析;<template> <divref="map"style="height:100vh;"></div></template><script>exportdefault{ data(){  return{   points:[    {lng:116.404,lat:39.915,name:'北京天安门......
  • uni-app中使用uCharts图表设置横向滚动无法滑动。
    opts:{ color:["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"], padding:[15,10,0,0], enableScroll:true, upd......
  • 鼠标穿透控制下层窗口的滚动条
    /*应:我怕生!:linux下在非激活的窗口上也能用滚轮.并且窗口不会被提升..我觉得这设置好好哦.可惜Windows下不知道怎么弄.*/;例子:鼠标滚轮穿透控制其下窗体垂直滚动条的位置。;因为焦点控件随时更新,所以需要用到v1.0.43.06+本版中的ControlGetHwnd命令。;ControlGetHwnd命......
  • Echarts4.0 迁徙图模拟Echarts2.0样式
     由于公司业务需求做Echarts4.0的迁徙图,但是Echarts4.0默认的迁徙图的飞行轨迹和迁徙线的颜色都是一样的,比较单调,现在模拟Echarts2.0的样式模拟了一个demo,虽然没有全部相同,但大体相近。备忘一下letminigrateChart=echarts.init(document.getElementById("MinigrateChart"));......
  • css盒子跟随鼠标绘制点和线
    <!DOCTYPEhtml><html> <head>  <metacharset="utf-8"/>  <title></title>  <style>   html,body{    width:100%;    height:100%;   }      #box{    height:100px; ......
  • vue项目中引入echarts中国地图
     最近项目中根据项目需求,展示中国地图一、下载echarts插件(我这里使用的是 4.9.0 版本)[email protected]二、在需要使用的页面引入echarts(这里是单独封装了地图组件) components/map.vue<template><divclass="map-view"><divid="main"></d......
  • Echarts
    官网:https://echarts.apache.org/examples/zh/index.html#chart-type-bar1、Echarts中饼图的使用(附:formatter中{d}百分比位数修改) 例如:label:{position:'inside',formatter:"{b}:{c}({d}%)"},效果: 参考文献:https://blog......
  • 鼠标绘制实现画画效果
     话不多说直接解释一下:  制作流程  首先我们需要用射线来判断 和需要一个线组件和材质球 才给每次创建的空物体赋值然后需要一个list数组来接收我们每次创建的物体  这个很关系 可以制作成  删除画面内容形成原理:个人理解  : 按钮按下一次 创建......
  • echarts treemap当份额太小时文字显示不全,解决为垂直显示全部文字
    before:after:解决: ......
  • electron鼠标经过托盘显示自定义菜单
    1.自定义菜单//自定义菜单vartemplateMenu=[{label:"首页",submenu:[{label:"111"},{label:'9089'}]},,{label:"编辑",submenu:[{label:'123'}]}]testmenu=Menu.buil......