信仰869 2022-04-28 11:40 采纳率: 100%
浏览 49
已结题

bootstrap竖向折叠菜单显示不了echart

img

点击历史积分折线图出不来,数据都有的,bootstrap的折叠组件能显示echarts吗,有什么解决办法吗?

  • 写回答

7条回答 默认 最新

  • 溪风沐雪 2022-04-28 13:01
    关注

    出不来可能还是组件的宽高没有固定值吧,echats好像对这个比较敏感,你可以试试在折叠组件展开的时候给折叠组件一个固定的宽高,看看折线图是不是能出来

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 关注

    还没有打开折叠菜单的时候执行了echarts初始化,echarts的图表是没有高度的,需要把初始化的方法放到展开折叠菜单之后执行

    评论
  • 哆比哆比 2022-04-28 16:54
    关注

    你应该是没有设置宽高,这个一定要设置的

    评论
  • 歇歇 2022-04-29 01:17
    关注

    看是否缺少样式什么的

    评论
  • web修理工 2022-04-29 09:52
    关注

    echarts 图表渲染 你要确定渲染时机, 一定要在dom 生成后才能 而且最好 v-if 去触发更新视图 如果需要可以提供部分代码 替你解决

    评论
  • Heerey525 前端领域新星创作者 2022-04-28 13:40
    关注

    可以啊,当要显示echarts时,重新渲染下
    参考 https://blog.csdn.net/hl_qianduan/article/details/118656649

    
    //有的话就获取已有echarts实例的DOM节点。
          let myChart = echarts.getInstanceByDom(document.getElementById("line"));
          if (myChart == null) {
            // 如果不存在,就进行初始化
            myChart = echarts.init(document.getElementById("line"));
          }
          myChart.setOption(this.lineOption, true);
    
    评论
  • ZionHH 2022-04-28 14:11
    关注

    应该是display:none后显示造成的,点击后重新渲染吧

    评论
查看更多回答(6条)

报告相同问题?

问题事件

  • 系统已结题 5月7日
  • 已采纳回答 4月29日
  • 赞助了问题酬金5元 4月28日
  • 创建了问题 4月28日

悬赏问题

  • ¥15 PCL注册的选点等函数如何取消注册
  • ¥15 问一下各位,为什么我用蓝牙直接发送模拟输入的数据,接收端显示乱码呢,米思齐软件上usb串口显示正常的字符串呢?
  • ¥15 Python爬虫程序
  • ¥15 crypto 这种的应该怎么找flag?
  • ¥15 设计一个时序电路,使其状态按2421(B)循环,并能自启动
  • ¥15 代码已写好,求帮我指出错误,有偿!
  • ¥15 matlab+波形匹配算法
  • ¥15 转录组分析做聚类树图时癌旁组被分到了癌组
  • ¥15 大一Python字典
  • ¥15 multisim电路设计(相关搜索:设计报告)