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

img

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

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

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

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

看是否缺少样式什么的

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

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

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