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

appleYQL 2018-03-13 10:36:16

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

...全文

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

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

DaveLeeCN 2018-03-14

打赏
举报

回复

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

appleYQL 2018-03-14

打赏
举报

回复

引用 1 楼 DaveLeeCN 的回复:

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

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

本文介绍了使用echarts，通过一个option实现多个图表（折线图、饼图、关系图）在一个div中展示的方法。先用最少代码显示一个图，确定各图位置和整体布局后添加功能点，还介绍了关系图节点位置确定方法，同时给出了前台html、js及LayUI表格js代码。

本文探讨了在使用ECharts时遇到的图表自适应问题，特别是当图表容器被设置为display:none时，图表宽度显示异常的原因及解决方案。通过分析ECharts源码，揭示了问题根源，并提供了设置固定宽度作为解决策略。

本文档记录了在Echarts图表中遇到的百分比显示问题和内容合并问题的解决过程。在尝试动态切换图表时，百分比显示在初始状态下失效，但在页面调整或控制台开启后恢复正常。通过避免DOM操作，使用透明度控制图表显示，并调整图表的定位和层级解决了tooltip不显示的问题。此外，还提到了Echarts的setOption方法可能导致的数据内容合并，可以通过notMerge参数来防止内容合并。

本文介绍如何在React项目中使用ECharts时，通过自定义工具栏按钮实现图表全屏展示的功能。提供了具体的实现代码，包括如何添加全屏按钮及触发全屏效果。

本文详细介绍了如何解决ECharts图表在初始默认隐藏的div中显示为空白的问题，提供了两种有效解决方案：一是确保div具有明确的宽度和高度；二是在div显示后调用echarts实例的resize方法。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章