关于使用layer弹出框展现echarts不显示的问题

最新推荐文章于 2022-05-22 10:00:13 发布

svygh123

最新推荐文章于 2022-05-22 10:00:13 发布

阅读量2.3k

点赞数

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/svygh123/article/details/105742756

版权

博客探讨了在使用layer弹出框展示echarts图表时遇到的显示问题。内容提到，虽然弹出框和canvas元素存在，但图表仍然无法正常显示。尝试了检查div的_echarts_instance属性并进行重绘，问题仍未解决。最终通过在独立页面上验证，确认问题出在弹出框。通过调整代码，成功让echarts图表在layer弹出框中正常显示。

摘要由CSDN通过智能技术生成

html页面是这样的

<div id="showScoreDetail" style="display: none;">
    <div class="layuiWindownContent">
        <form class="layui-form" id="scoreFrom">
        	<div id="chart-score" style="width:850px; height: 360px"></div>
        </form>
    </div>
</div>

弹出框代码是这样的

var showContent = $('#showScoreDetail').html();
layer.open({
    type: 1,
    id: 'showLayui',
    shade: false,
    title: season + "季度明细",
    content: showContent,
    area: ['900px', '500px'],
    btn: ['关闭'],
    btnAlign: 'c',
    success: function (layero, index) {
        
    }, end: function () {
        // $('#showScoreDetail').html(showContent);
    }
});

调试看到弹框是出现了,canvas也有,就是不显示,网上说是div有_echarts