echarts 横向柱状图条数多的话会挤到上面显示不出来怎么解决

bainiao1996 2018-12-14 03:40:54

echarts 横向柱状图条数多的话会挤到上面显示不出来怎么解决

...全文

1519 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

颓� 2021-01-15

打赏
举报

回复

请问解决了吗

java飞吧 2021-01-15

打赏
举报

回复

可以用横向滚动条啊

颓� 2020-12-08

打赏
举报

回复

请问你解决了吗

问题来源博主最近在使用echarts绘制柱状图的时候，就遇到了x轴左右两边溢出的问题。相信很多小伙伴也遇到这种问题，而且最最关键的是博主找遍了网上，没找到解决方案！！！废话不多说，直接上图，明显看出柱状图x轴左右两边都溢出了。 What Happened？代码分析瞅一眼代码： // 生成echarts实例 const mainChart = ech...

我认为跟这个绘图容器的空间从无到有的变化有关系，这个变化需要时间，如果还没等它变得足够大，就开始绘图的话，就会这样。按照标准流的话，显示的时候它实际上会显示在下方，撑大父容器，这样不仅位置不对，还会占据额外空间。我只能想到一种解决方法，那就是确认返回空数组以后，不显示柱状图，直接显示“暂无数据”的提示，也就是说，有数据的时候要显示这个容器，没有数据的时候要隐藏容器，显示暂无数据的提示，柱状图你懂的，横坐标要表示要显示哪些数据，纵坐标表示要显示的数据分别是多少。

【代码】echartsX轴、y轴文字太长；重叠显示。

在微信小程序里插入折线图，可以使用wx-charts，在绘制到canvas上。 wx-charts具体用法就不介绍了。折线图显示后，却发现了一个问题：数据x轴长度不确定，导致如果数据很长的话，数据就会挤在一起，如果长度较大，canvas能滚动就好了。在网页中，我们直接设置父元素固定宽度，子元素宽度超过父元素，让父元素overflow：auto;就行了，可是对微信小程序的canvas组件不起作用。第一时间想到scroll-view组件，但是scroll-view组件不能作为canvas的父元素。但是研究

一.首页知识点推荐：点击首页->可视化实验室里面有很多意想不到的宝藏二.名词解析 1.基本名词 xAxis 横坐标 yAxis 纵坐标 grid 整个坐标系是基于grid这个网格去定位的 legend 图例 dataRange 值域选择，常用于展现地域数据时选择值域范围 dataZoom 数据区域缩放，常用于展现大量数据时选择可视范围 toolbox 工具箱 tooltip 气泡提示框，常用于展现更详细的数据 timeline 时间轴 series 存放数据的大数组 ..

81,095

社区成员

341,712

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章