vue 在dialog里面放了echarts图表，当有一条数据的那时候正常显示图表，当数据大于一条的时候，页面不显示表格，求大神解答

lijingxin0311 2019-08-10 05:24:42

vue 在dialog里面放了echarts图表，当有一条数据的那时候正常显示图表，当数据大于一条的时候，页面不显示表格

...全文

367 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文详细介绍了在Vue项目中结合ECharts实现两个图表在同一行展示的方法，以及如何在el-dialog弹窗中正确渲染ECharts图表。第一部分通过设置外层div的float和overflow属性实现并排布局，第二部分重点解决弹窗内图表渲染时机问题，提供了$nextTick和setTimeout两种解决方案，并附有完整的代码示例。文章包含具体样式设置、关键函数实现及效果图说明，适合需要快速实现复杂图表布局的Vue开发者参考。

主要介绍了vue中使用element ui的弹窗与echarts之间的问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

掌握 Vue3 Composition API 的基本语法和开发思路熟练使用 Element Plus 常见组件： Layout 布局 Menu 菜单 Table 表格 Form 表单 Dialog 对话框掌握 Vue Router 实现多页面切换使用 LocalStorage 实现前端数据持久化（模拟后端）使用 ECharts 完成基础数据可视化

vue3+elementPlus pc和小程序ai聊天文生图

vue+element 后台管理通用框架2-------------------------------------- 组件库不同

43,740

社区成员

5,567

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章