位置: 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)(雷尼尔国家公园攻略)

  • 工程类预交税金
  • 个体工商户的报税流程
  • 注册公司不开账户可以吗
  • 出口应退税额如何计算
  • 个人独资企业税种有哪些
  • 金蝶财务系统录入发票
  • 公司福利可以抵扣所得税吗
  • 小规模纳税人资产负债表和利润表
  • 发票备注栏必须备注的有哪些
  • 机票里面的其他税费抵扣吗
  • 私募合伙企业收到投资款后退回,支付利息的会计处理
  • 附加税退税申请书怎么写
  • 下列支出不可以从其应纳税所得额中扣除的是
  • 缴纳社保的会计分录怎么做
  • 固定资产累计折旧完了怎么办
  • 跨年度租金收入怎么算
  • 修理厂普通发票
  • 公司变卖废纸也需要缴税
  • 涂料发票几个点的税
  • 出租土地收入记什么科目
  • 研究开发费用扣除标准
  • 财务费用明细科目怎么写
  • 个税专项扣除有几项
  • windows10如何清理c盘垃圾
  • 配件进出库账目怎么做
  • 劳务公司发放农民工工资要开发票吗?
  • win10通知栏怎么设置
  • 事业单位年末收入怎么算
  • 苹果推送ios15
  • 入库的原材料属于什么科目
  • 销售货款未收回应该从工资中扣除吗
  • 租赁固定资产成本怎么算
  • 公司员工意外险,死亡能赔多少钱
  • 外商投资企业有哪些出资方式
  • php判断useragent
  • php xml转字符串
  • php实现原理
  • 小规模拍卖公司怎么开票
  • 训练集验证集和测试集
  • 命令提示符用不了怎么办
  • python优化工具箱
  • configure命令
  • php的urlencode
  • 增值税普通发票和专用发票有什么区别
  • php验证码源码
  • 无法支付的应付账款转作营业外收入
  • 纸质承兑上的印花是什么
  • 工业生产的含义
  • 出差的招待费算差旅费
  • SQL Sever 2005 Express 安装失败解决办法
  • 银行贷款直接给钱吗
  • 股权转让如何缴纳个税
  • 什么是调表不调账
  • 哪些凭证是有效凭证
  • 政府对失业人员补贴
  • 单位租赁个人房子怎么缴纳房产税
  • 购销合同交的印花税税率
  • 会计凭证审核的主要内容
  • 盈余和利润是不是一个概念
  • 建账选用什么会计制度
  • 明细分类账如何填写
  • 建筑企业工程项目物资管理驼中华
  • MySQL 5.6 中 TIMESTAMP有那些变化
  • sql参数化是什么意思
  • windows 10预览版
  • 第一次安装ps后需要哪些设置
  • windows7如何启动记事本
  • centos7安装MySQL8.0
  • win8 metro界面
  • linux更新配置
  • cocos2dx 3.17
  • jquery的鼠标移入事件
  • JavaScript中getUTCMinutes()方法的使用详解
  • 如何使用定向流量
  • 浏览器环境下的事件循环
  • jquery+ajax实现直接提交表单实例分析
  • 北京社保外埠城镇职工和外埠农村劳动力啥区别
  • 地税怎么查个人所得税
  • 国外寄东西到国内要身份证号码吗
  • 申报农业项目的程序是什么?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设