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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

看是否缺少样式什么的

Answer 5

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

Answer 6

可以啊，当要显示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);

Answer 7

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