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

最新推荐文章于 2024-07-05 16:27:36 发布

原创最新推荐文章于 2024-07-05 16:27:36 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #Can't get dom width or height

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

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

<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 = {。。。}