位置: IT常识 - 正文

ECharts柱状图关闭鼠标hover时的高亮样式(echarts柱形图)

编辑:rootadmin
ECharts柱状图关闭鼠标hover时的高亮样式

推荐整理分享ECharts柱状图关闭鼠标hover时的高亮样式(echarts柱形图),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:echarts柱形图,echarts柱状图关系图箭头,echarts柱状图关系,echarts柱状图图例,echarts 柱状图,echarts柱状图关系图箭头,echarts柱状图关系图箭头,echarts柱状图关系图箭头,内容如对您有帮助,希望把文章链接给更多的朋友!

最近在做图表相关的需求,使用的是echarts来画图。

今天算是遇到一个比较坑的点了吧,就是两根柱状图重叠对比,设计图把某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身hover到柱子上的时候,会有个高亮状态,画出来的图形本身是这样的:

ECharts柱状图关闭鼠标hover时的高亮样式(echarts柱形图)

 鼠标hover上去的时候,因为预算的那根柱子的背景色设计得比较前,鼠标hover的时候,提示正常展示了,但是被echarts本身hover的时候高亮状态,导致柱子看不见了:

因为影响到了图表的效果,所以想要关闭echarts的高亮状态 ,查文档,发现echarts是有给我们提供属性来控制高亮是否展示的:

 只需要把series.emphasis.disabled设置为ture,即可关闭hover时的高亮。

option = { series: [ { name: '预算数据', type: 'bar', barWidth: '60%', color: '#EAF6FE', emphasis: { disabled: true, focus: 'none' }, data: [100, 520, 200, 350, 400, 370, 260] }, { name: '实际数据', type: 'bar', barWidth: '60%', color: '#60BBFD', barGap: '-100%', emphasis: { disabled: true, focus: 'none' }, data: [10, 52, 200, 334, 390, 330, 220] } ]};

 配置好这个属性之后,鼠标移动到柱子上的时候,图表也能不被影响,可以正常查看。

但是需要注意的一个点是,这个属性,只有5.3.0之后的版本才支持,5.3.0之前的版本配置了是不会生效的!所以,如果是5.3.0之前的版本,你可以选择联系UI修改一下图表的配色 or 升级你们项目的echarts版本啦。

本文链接地址:https://www.jiuchutong.com/zhishi/290197.html 转载请保留说明!

上一篇:公牛角,英国德文郡 (© Robert Harding World Imagery/Offset by Shutterstock)(公牛牛角)

下一篇:雷尼尔山上空的银河星系,美国华盛顿州 (© Brad Goldpaint/Cavan)(雷尼尔国家公园攻略)

  • oppo手机怎么发短信(oppo手机怎么发朋友圈不带图片)

    oppo手机怎么发短信(oppo手机怎么发朋友圈不带图片)

  • 怎么加入拼多多平台卖货(怎么加入拼多多退货服务点呢)

    怎么加入拼多多平台卖货(怎么加入拼多多退货服务点呢)

  • 小米耳机弹窗怎么开(小米耳机弹窗怎么设置皮肤)

    小米耳机弹窗怎么开(小米耳机弹窗怎么设置皮肤)

  • 华为p40隐藏应用图标的方法(华为P40隐藏应用的方法)

    华为p40隐藏应用图标的方法(华为P40隐藏应用的方法)

  • 华为手机可以录制屏幕视频吗(华为手机可以录屏吗)

    华为手机可以录制屏幕视频吗(华为手机可以录屏吗)

  • 抖音粉丝通知页是怎么回事

    抖音粉丝通知页是怎么回事

  • 文件传输助手安全吗(文件传输助手安卓和苹果)

    文件传输助手安全吗(文件传输助手安卓和苹果)

  • 数字通信系统的组成(数字通信系统的有效性用什么衡量)

    数字通信系统的组成(数字通信系统的有效性用什么衡量)

  • soul知道昵称却搜不到人(soul知道昵称却搜不到用户之前都可以)

    soul知道昵称却搜不到人(soul知道昵称却搜不到用户之前都可以)

  • 快手怎么横屏观看(快手怎么横屏观看别人的作品)

    快手怎么横屏观看(快手怎么横屏观看别人的作品)

  • jmmtl10是什么型号(jmm tl10)

    jmmtl10是什么型号(jmm tl10)

  • bios保存是哪个键(bios保存设置)

    bios保存是哪个键(bios保存设置)

  • 苹果11带什么充电器(iphone 11用什么充电器)

    苹果11带什么充电器(iphone 11用什么充电器)

  • 华为畅联通话支持哪些机型(华为畅联通话支持哪些手机型号)

    华为畅联通话支持哪些机型(华为畅联通话支持哪些手机型号)

  • 华为视频会员包含优酷腾讯芒果吗(华为视频会员包含腾讯专区会员吗)

    华为视频会员包含优酷腾讯芒果吗(华为视频会员包含腾讯专区会员吗)

  • 快手作品排列怎么设置(快手作品排列怎么调整)

    快手作品排列怎么设置(快手作品排列怎么调整)

  • 金立s10c锁屏怎么关壁纸(金立s10锁屏时间设置)

    金立s10c锁屏怎么关壁纸(金立s10锁屏时间设置)

  • 手机qq音乐怎么调倍速(手机qq音乐怎么转换mp3格式)

    手机qq音乐怎么调倍速(手机qq音乐怎么转换mp3格式)

  • 苹果6s怎么上下分屏(苹果6s上下键不能用,喇叭无声)

    苹果6s怎么上下分屏(苹果6s上下键不能用,喇叭无声)

  • 苹果xs支持无线充电吗(苹果xs支持无线冲吗)

    苹果xs支持无线充电吗(苹果xs支持无线冲吗)

  • 苹果xr和xmax的区别(xr和xmax哪个值得买)

    苹果xr和xmax的区别(xr和xmax哪个值得买)

  • 360wifi初始密码是多少(360无线wifi初始密码是多少)

    360wifi初始密码是多少(360无线wifi初始密码是多少)

  • 苹果8p有没有人脸识别(苹果8p有没有人脸识别解锁功能)

    苹果8p有没有人脸识别(苹果8p有没有人脸识别解锁功能)

  • Drömling湿地中的灰鹤,德国 (© Mike Friedrichs/Getty Images)

    Drömling湿地中的灰鹤,德国 (© Mike Friedrichs/Getty Images)

  • 微信小程序登录方法,授权登陆及获取微信用户手机号(微信小程序登录后端)

    微信小程序登录方法,授权登陆及获取微信用户手机号(微信小程序登录后端)

  • 宇宙最强-GPT-4 横空出世:最先进、更安全、更有用(宇宙最强舅舅系统)

    宇宙最强-GPT-4 横空出世:最先进、更安全、更有用(宇宙最强舅舅系统)

  • Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL(java web项目部署)

    Web项目部署环境搭建:JDK + Tomcat + IDEA +MySQL(java web项目部署)

  • 土地增值税扣除20%的适用情况
  • 销项负数发票能用吗
  • 无形资产的摊销会计科目
  • 一般纳税人抵扣进项税分录
  • 手撕票几个点
  • 企业建设项目审批流程
  • 业务招待费税前扣除比例
  • 发生费用是什么意思
  • 国外租赁行业都包括哪些
  • 车船税手续费返还政策文件
  • 税务退进项税会计处理
  • 小微企业营业外收入税率是多少
  • 年末增值税结转账务处理流程
  • 一般纳税人可以简易计税的有哪些
  • 为什么有的单位没有住房公积金
  • 贷款利息支出必须交税吗
  • 已出账但未认证的抵扣联怎么办?
  • 已开专票在哪里查询
  • 小规模纳税人 行业
  • 未分配利润期末余额怎么算出来
  • 代理记账公司收费标准
  • 电子税务局如何查询已开发票
  • 小规模企业需要汇算清缴吗
  • 公转私合理吗
  • 内账进项税不设置怎么账务处理
  • 公司账户收款退回怎么退
  • 抵债资产会计核算
  • 微信获取用户id失败如何解决
  • 税后利润是股东权益吗
  • 想要探究的问题
  • dl是什么文件
  • 纳税申报方式的税务申报工作常规流程图
  • 投资企业撤回或减少投资企业所得税
  • php对数组进行排序
  • 工行退款短信图片
  • javascript手机版
  • opencv调用yolov8
  • html+php
  • 会计核算方法有几种
  • 小企业会计制度的适用对象是
  • 完美ui
  • 帝国cms登录
  • 无票收入后又开票怎么办
  • 坏账损失的会计分录小企业会计准则
  • 外购存货的初始成本由买价加采购费用构成
  • mysql金额用什么数据类型
  • 库存现金的使用限额规定
  • 预付发票能入账吗
  • 股权和出资的关系
  • 周转材料低值易耗品五五摊销法
  • 复利现值系数表系数表
  • 捐赠的资产属于什么科目
  • 专票入账用哪一联
  • 管理费用和销售费用属于什么科目
  • 企业会计准则规定,企业在对会计要素
  • 电脑算固定资产哪一类
  • win8.1升级到win10
  • win10修改启动
  • 在任务栏右下角添加图标
  • pruttct.exe - pruttct是什么进程 有什么用
  • win7没有媒体功能
  • windows显示内部版本
  • win10怎么用ios上网
  • win7怎么截屏幕
  • win10怎么把动图设置成壁纸
  • linux 内存文件夹
  • winpe 系统还原
  • libproj.so
  • unityshader怎么用
  • 对于cookie的描述
  • 通过node-mysql搭建Windows+Node.js+MySQL环境的教程
  • node.js使用的v8引擎是由哪个公司开发的
  • unity openvr
  • ie8不支持
  • 面向对象的java语言
  • 个人所得税申诉有什么后果
  • 荆州市物业管理
  • 申报税务登记日期怎么填
  • 建筑施工及安装单位企业在异地
  • 福建地方税务局历任 李
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设