解决ngx-echarts中点击区域过小的问题

author author     2023-04-22     385

关键词:

参考技术A 最近使用ngx-echarts在angular项目中实现柱状图,由于新增了柱状图的下钻功能,所以需要使用ngx-echart提供的click方法进行下钻,但是在实际开发中,由于柱状图的数值相差很大,所以有的柱状数据非常小,根本没办法进行点击,ngx-echart也没有提供点击柱状图阴影的方法,最近找到了一个方法,可以增大点击区域,记录一下吧~

如上图所示,数据量很小的时候,用户确实没办法进行点击~

如上图所示,我们在series数据中,新增加一组柱状图的数据,当然这份数据的作用仅仅是为了增大我们的点击区域~ 让我们一起看一下添加新数据之后的效果图吧~

红色的柱子,就是我们新增加的假数据,现在所有的红色的区域都是可以点击的~ 貌似现在可以很好的满足我们的需求了,接下来我们需要更改柱子的颜色,让它和背景色一样,大家就看不出还有这层虚假数据的存在了,而且可以很好的增大点击区域,更改如下:

这是我目前找到的增大点击区域的方法,如果大家有更好的方法提供,欢迎评论留言哦~ 😝

电脑出现乱码字体怎么解决

...脑部份文字显示为乱码。2电脑中部份文字显示为乱码的解决方法步骤:进入控制面板,点击【时钟、语言和区域】;3在时钟、语言和区域窗口,点击【区域】下的更改位置;4在打开的区域窗口,我们点击【管理】,在管理标签... 查看详情

win10系统下计算器界面变成英文的解决方法

目录前提说明:现象描述:问题解决:注意事项:时间:2019-4-20作者:梦幻之心星[email protected]前提说明:操作系统:Win101709现象描述:系统其它各项显示为中文,计算器界面为英文。问题解决:打开Win0设置->时间和语言-&... 查看详情

如何解决ie浏览器跨域问题

工具:IE浏览器方法如下:1、打开IE浏览器,在工具菜单下选择Internet选项,打开Internet选项卡2、切换到安全选项卡下,点击可信站点,然后单击站点按钮3、可信站点窗口输入网址到可信站点的区域,点击添加按钮,网址则会添... 查看详情

fluttergesturedetector点击空白区域无反应解决办法(代码片段)

在flutter中只用GestureDetector添加点击事件,发现在空白区域点击无效,事件不响应。解决办法:GestureDetector(behavior:HitTestBehavior.opaque,)说明:///Howtobehaveduringhittests.enumHitTestBehavior///Targetsthatdefertoth 查看详情

使用virtualbox安装的ubuntu,窗口分辨率过小,使用增强工具完成和vmtools一样的功能。

...,在分辨率800*600的ubuntu窗口简直小的可怜。那究竟如何解决这个问题呢?VirtualBox提供了一个增强功能。只要在运行ubuntu的虚拟电脑窗口刚出来以后,点击窗口主菜单里的设备->安装增强功能,进入系统后,ubuntu会自 查看详情

winform中,播放一段全屏swf视频,鼠标点击视频上一段区域得到点击区域内的事件

...触发就行了。追问对视频控件传进来的点击位置坐标不会解决啊,就这个问题解决不了~~求解啊追答如果是鼠标点击事件,都会有一个e对象啊。这个对象里就包含了点击的位置坐标属性的追问      查看详情

如何确定何时点击背景区域?

...区域。这类似于questionaboutUITableViews,但我对那里提出的解决方案有一些问题。当键盘关闭时,我稍微滚动屏幕以隐藏键盘所在的位置。我的问题是,当我使用UITa 查看详情

swap导致磁盘空间过小问题的解决办法

在偶然的情况下发现,系统swap挂载的分区存放地空间本身就特别小,导致zabbix监控老是报警磁盘空间低于10%,所以最及时有效的办法就是把swap重新挂载到磁盘空间更大的磁盘上去1.可以通过df-h查看系统上的磁盘分区状况[[email... 查看详情

angular2或angular4使用echarts,ngx-echarts的方法

一个比较正确的使用方法:https://github.com/xieziyu/ngx-echarts1、 npminstallecharts--savenpminstallngx-echarts--save如果网速差,可以使用淘宝镜像 2、项目中.angular-cli.json中添加echarts {"scripts":[//...//addthis:"../nod 查看详情

qgis制图中面积小的区域不显示注记(代码片段)

文章目录QGIS制图中面积太小的区域不显示注记版权声明:本文为博主原创文章,转载请注明原文出处!作者:阿振写作时间:2020-05-24周天QGIS制图中面积太小的区域不显示注记在使用QGIS进行制图的过程中,... 查看详情

windows总提示虚拟内存太小怎么回事?怎样解决这个问题?

电脑提示虚拟内存不足1、感染了病毒!有些病毒发作时会占用大量内存空间,导致系统出现内存不足的问题。赶快去杀毒,升级病毒库,然后把防毒措施做好!2、虚拟内存设置不当虚拟内存设置不当也可能导致出现内存不足问题... 查看详情

pythondataframe怎么删除值过小的行

df.dropna(axis=0,how='any',thresh=None,subset=None,inplace=False)#axis指轴,0是行,1是列,#how是删除条件:any任意一个为na则删除整行/列,all整行/列为na才删除#inplace是否在原DataFrame上进行删除,false为否参考技术Adf.index(请把它单独地看... 查看详情

如何解决ontouch和onclick事件冲突的问题

...加ontouch和onclick事件,但是一直有冲突,在网上找了几个解决办法都没有成功,办法有:1、定义一个全局标记booelanisMove,对ontouch事件的中动作判断,在down中isMove=false,在move动作中isMove=true;最后returnisMove,这样是说如果ontouch... 查看详情

quartusii里面,megawizard字体过小,根本看不清。如何调整?

...密麻麻什么也看不清。请问大家,这是什么原因呢?如何解决呢?谢谢!!win10系统设置中打开—>时间与语言->语言->管理语言设置:更改系统语言区域:非Unicode中选择中国语言区,beta版打上勾,然后重启就可以了参考技... 查看详情

SwiftUI 按钮点击区域不准确但在 navigationBarItems 中是正确的

...navigationbaritem和ContentView中使用相同的按钮视图。有想法解决这个问题吗?https://imgur.com/a/jCxf 查看详情

解决powershell乱码问题

参考技术A进入控制面板->时钟和区域->区域->管理->更改系统区域设置->勾选Beta版:使用UnicodeUTF-8提供全球语言支持(U)最后点击确定,然后重启电脑即可。 查看详情

element-uiselect点击删除区域内标签不生效问题

参考技术Ael-select选择器回显点击删除无效问题使用@change="$forceUpdate"强制渲染,来解决无法再次点击删除或重新选择问题。 查看详情

解决手机(移动端)点击事件失效问题(代码片段)

...点击的比如给div绑了click事件,在微信里边是不生效的,解决办法是给这个div元素添加一个样式属性cursor:pointer;2、弹框中某个区域内内容很多,我们希望使用overflow:scroll;当超过之后,可以滚动查看,但是如果这样的话,在移... 查看详情