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

Posted 2023-04-22

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

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

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

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

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

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

今天用VirtualBox成功装上Ubuntu10.04之后发现了一个问题：默认情况下 ubuntu 的分辨率最高只能设到800*600。
但是对于自己的大显示器，在分辨率800*600的ubuntu窗口简直小的可怜。

那究竟如何解决这个问题呢？

VirtualBox提供了一个增强功能。
只要在运行ubuntu的虚拟电脑窗口刚出来以后，点击 窗口主菜单里的设备->安装增强功能，进入系统后，ubuntu会自动挂载增强功能镜像到CD驱动器中。

ubuntu会自动安装，前提是更新了软件源，我这里是阿里云的镜像。

 

运行完毕后会提示你重新启动计算机。这时候执行sudo reboot命令就可以了。

这样就完成了vmtools功能。