Echarts关于设置的div过小无法完全显示图表的问题

appleYQL 2018-03-13 10:36:16

如图，如果我在饼图上的标签的值设置过长会导致一部分被div截断的现象，有echarts大神知道这个怎么解决吗？初接触echarts的萌新求助

...全文

1500 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

DaveLeeCN 2018-03-14

打赏
举报

回复

解决方案就是尽量减少标签中的文字数量，如果实在需要显示，可以使用tooltip悬浮显示，配置\n换行使用

appleYQL 2018-03-14

打赏
举报

回复

引用 1 楼 DaveLeeCN 的回复:

解决方案就是尽量减少标签中的文字数量，如果实在需要显示，可以使用tooltip悬浮显示，配置\n换行使用

这个方法我也考虑过，echarts有没有使图表自适应于所定义的div块中呢？

主要介绍了基于Echarts图表在div动态切换时不显示的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

问题描述：当界面完成Echarts图表加载时，这个时候如果调整界面大小，展示Echarts的Div大小也随之改变（div的宽、高是通过百分比设置的），但是Echarts图表的大小未发生改变，压缩在了一起。解决方案：设置Echarts图表大小在Div大小改变是，重新调整大小。解决方法： 1、如果是单个Echarts图表 //使用刚指定的配置项和数据显示图表。 myChartSex.setOption(option); window.onresize = myChartSex.resize;

本套html,div&css;课程完全初级, 通过学习DIV+CSS, 了解分清html div css三者关联&作用,通过一个企业站首页排版掌握html,div+css

最近做的项目与echarts相关，发现你要给某div里面填充echarts图表，如果没有加样式高度和宽度，echarts图表就不会渲染出来下面是我要放echarts图表的div 一开始的代码 <div class="main_table t_btn3" id="chart_9"> </div> ...

在做项目的时候，经常会使用到echarts，特别是在做一些大屏项目的时候。有时候我们是需要根据div的大小改变来动态修改echarts图的。下面的内容就是关于：vue3项目中让echarts适应div的大小变化，跟随div的大小改变图表大小。

87,915

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章