echarts 显示不出来，报错为Echart Can't get dom width or height

原创于 2019-11-20 10:51:54 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #Can't get dom width or height

本文分享了一个关于如何在网页加载时正确设置ECharts图表尺寸并进行初始化的解决方案。通过使用jQuery获取元素宽度，设置相同高度，并在初始化时指定'light'主题，确保了图表在不同屏幕尺寸下能正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

找了很多的帖子，但是都没有什么用，也是自己不懂。找了好久找到了一个解决方案，下面是完整的代码。

<script type="text/javascript">
    $(document).ready(function () {
        $('#containerTop5').width($('#containerTop5').width());
        $('#containerTop5').height($('#containerTop5').width());
        var myChart = echarts.init(document.getElementById('containerTop5'), 'light');
        var app = {};
        option = null;
        var option = {。。。}