Echarts图标增加全屏放大功能

Echarts图标增加全屏放大功能,第1张

客户爸爸在看某个echarts图表时,图标的数据很多,字看着很小,客户爸爸希望能双击放大某个图表。如下面这个图表字太小,太密。

网上有不少方式是用Echarts的tool工具先上自定义工具箱来实现,其实本质上差不多。本文采用构建两个div,一个用来做遮罩层,一个用来放Echarts内容。

步骤一:

在页面上放置div

步骤二:

给这连个的div设置属性,主要display默认设置为none,z-index为9999,最上层。

步骤三:

增加myfullscreen()函数,函数很简单,先获取原来的options参数,然后判断fullScreenMask的状态,做互斥 *** 作。

在 series下的data下面输入barGap:'1%'(柱间距离,默认为柱形宽度的30%,可设固定值) 或barGap:1 但是看似可以设置的很小,但还是有个值的,比如说我的barGap设的1和8显示出来一样的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8013604.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存