echarts隐藏之后的亮问题

  翻来原先之所以react写的APP,发现里面的数额还起非来,我便知晓我的数据库又受私自掉了,用mongodb图形化工具将备份的数量导入之后,开始编制代码。但是启动接口发现竟是报错了========“db.collection
is not a
function”,刚起还认为是导入的备份还尚未生效,或者导入的地方蹭了,经过精心摸,发现这些还没错。后面又以网上搜寻各种资料,发现凡是mongodb的本子问题,在package.json里面查及本人的mongodb版本是“3.0.1”,经过将mongodb版本修改为“2.2.33”继,程序正常运行

这块代码就是由适应窗体大小的代码,这句和方的trigger那句不闯不还的,一个凡是改变窗体大小,一个凡点击按钮,两个都亟待触发resize事件。

 

 

基本上就这些玩具了,大家可因自己之事态举行相应的多少调整,基本上就是足以化解大部分这种类型的情景了。

 
后止的鲜个告知句的意思是说(因为自身产生少数只按钮,用于切换两独图表,那么每次按钮点击的上都见面活动去触发window.onresize事件,而未用当交自我手动的错过拖动窗口的时候,才去碰,这样的话就足以兑现随时的自适应大小,而无见面出现点击第一只按钮改变窗体大小之后,再错过点击第二独按钮,会意识第二个按钮对应之图没有依据之前生成的窗体大小要变),所以要是丰富这样一词自动为我们触发resize事件,这是jquery的语法,不顶了解的童鞋可以百度一眨眼。最后,还有某些:

 

   
 在缓解之前用懂得原委:相信网上一样抄家,基本上就是足以规定大多数之状还是同等的,那就是是echarts图表隐藏之后再显示可能会见提到到没有高增长率之问题,或者你可右击检查一下你的图形的大幅度此时是0还是NaN!!!
 那么理解没有大涨幅,那么就算需在display:block显示之前为她一个宽高,这样就算无问题了。那么这宽高的装好起个别种植设置方法(目前本人可以解之想到的),一是当行间设置宽高,这样的丰足高度就是原则性的,永远都是那么多,比如说这样

  图片 1

眼看规范设置后吧,可通过安装一个按钮来显示图表,那么显示是打响了,但是要想如果从适应窗口大小,跟随窗口大小变化而变,那么这种方式就不可取了,就需要运用相同种植对立的财大气粗高了,你发出没有发出想到为?那就是是时下窗口的轻重缓急了,window.innerHeight
 
window.innerWidth;那么一旦是简单个图表,像自己这样的话,可以包一个函数来设置图表的富足和强,像这样:

     图片 2

唯独自己先行说自己这种写法比较特别,高度没有就此窗口的高度,宽度的言辞窗口宽度太有钱了,所以自己大概减了80px;没有将目标抽象出来当成参数来传递,所以无有所代码的复用性,大家可因是活动封装一个复用性高的函数,那么就就是是啊零星只图表设置好了步长和可观,接下就是以显示之前调用一下该函数,那么尽管表示当亮之前我之图形有了涨幅和可观,那么即使好展示了,如果想只要改窗口大小的当儿图表也就变动吧,那么就是由于用开一点小工作,如下:

 

图片 3

 

天长日久没创新博客了,今天搞了抢一上的网页打适应,头晕。。。因为近来开做项目,项目中需为此到图片方面的学问,于是乎接触到了echarts,所以实际自己也毕竟新手了。只是邻近几上为了老大悠久之有关图表隐藏之后又展示,却束手无策出示出的问题。在网上也查找了久久。都没特别对口的答案,echarts图表一直是显得的交还尚未觉察发生什么好,只是要您想只要举行类似选项卡切换图表的潜伏和显示的话,这个题材便只好直视了。废话讲了那基本上,开始说解决办法。

 

图片 4

图片 5