echarts条形图div的高度根据数据库查询出的条数让div的高度自适应，现在是设置了固定高度，数据条数多了，显示混乱，谢谢
为 ECharts 准备一个具备大小（宽高）的 DOM
div id="main" style="width: 600px;height:400px;"></div
怎么把这个高度400px让它根据条数多少自适应高度
echarts条形图div的高度根据数据条数的多少自适应高度
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2024-01-26 11:07捕获到最菜的小白的博客 横向柱状图当数据过多就会堆积，。
- 2023-06-14 20:22星辰大海1412的博客 ECharts是由百度前端框架团队开发的一款基于JavaScript的数据可视化库。它可以用来创建各种各样的图表，如折线图、柱状图、饼图、散点图等，以及其他更加复杂的图表，如地图和热力图等。ECharts可以在移动设备和桌面...
- 2024-01-22 09:00啦啦右一的博客 可视化模板五：用echarts实现多组条形图&堆叠条形图
- 2024-04-16 08:52努力搬砖的程序媛儿的博客 //自动获取当前所有数据中最大值dataMax和最小值来作为y轴的底点和顶点。// 该div用来盛放文本显示内容的，方便对其悬浮位置进行处理。//不需要刷新，动态适配宽度。// X轴放上提示全部。//需要刷新才能适配。
- 2024-07-19 16:56m0_60452436的博客 测试提了bug，柱状图数据多的情况下，都叠到了一起，效果如下图。 要解决这个bug，首先想到的是让柱状图的容器自适应高度。于是，把原本div上写固定的高度去掉。 <div id="myChart1" :style="{height:'600...
- 2024-01-20 15:58啦啦右一的博客 渐变条形＋折线复合图。
- 2024-08-13 15:19闫焕俊的博客 let resizeObserver = new ResizeObserver(entries => { for (let entry of entries) { this.myCharts.resize();... let div = document.getElementById ('echarts'); resizeObserver.observe(div);
- 2021-07-06 11:03接口写好了吗的博客 注意：echarts图需要容器有高度才能显示。如果需要动态的高度可以用vh和百分比设置，可以用css3函数calc来动态计算。 比如这样： //图表自适应高度 .eee{height: calc(100vh - 390px);width: 100%;} dom部分： <...
- 2019-04-21 01:104. **计算与定位**：根据条形图的数据和比例，计算出指针相对于条形图顶部的距离。使用JavaScript的`style.top`属性来修改指针div的top坐标，使其准确地指向对应条形的高度。 5. **动画效果**：为了提升用户体验，...
- 2022-08-12 15:05gyuhao_o的博客 限定图表宽高之后，缩小屏幕宽度会发现echarts不能自动随着屏幕宽度进行缩放和重新渲染，我们只要在mounted中添加如下代码，即可解决图表超出限定区域的问题：
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月10日
已采纳回答
5月2日-
修改了问题
2月28日
-
修改了问题
2月27日
- 展开全部