查看: 906|回复: 0

Echarts 图表放到bootstrap的tab


16-5-10 17:28:24 | [复制链接]

69

主题

254

帖子

556

积分

大牛

Rank: 4

发表于 16-5-10 17:28:24 | 显示全部楼层 |阅读模式
  Echarts 图表放到bootstrap的tab

  使用百度echarts发现当用bootsrap tap选项卡时出现除了默认显示tab内,其他tab内都无图表生成

  原因是bootstrap不显示tab的display为none导致图表无法植入

  解决如下(重置一下样式):

  .tab-content > .tab-pane,
  .pill-content > .pill-pane {
  display: block; /* undo display:none */
  height: 0; /* height:0 is also invisible */
  overflow-y: hidden; /* no-overflow */

  }
  .tab-content > .active,
  .pill-content > .active {
  height: auto; /* let the content decide it */

  } /* bootstrap hack end

  注意权重覆盖

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

订阅|小黑屋|手机版|千锋教育论坛 ( 京ICP备12003911号-3 )

GMT+8, 20-4-9 11:51 , Processed in 0.284764 second(s), 38 queries .

Powered by Discuz! X3.2

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表