您的位置:首页技术文章
文章详情页

Echart X坐标轴名称放在左边与Y坐标抽刻度重叠,如何解决?

【字号: 日期:2024-05-26 08:22:52浏览:12作者:猪猪

问题描述

下面这张图是正常情况下的折线图,现在需要的效果是把x轴的名称(年月)移动到图示指定区域,这样图表区域就可以撑满到右边边界了

Echart X坐标轴名称放在左边与Y坐标抽刻度重叠,如何解决?

然后就有了下图

Echart X坐标轴名称放在左边与Y坐标抽刻度重叠,如何解决?

图表是用百度图说绘制的,未找到调整坐标轴名称位置的参数,网上也未搜到,求助大神

使用nameGap参数,拉开了与X轴的距离 如下图

Echart X坐标轴名称放在左边与Y坐标抽刻度重叠,如何解决?

但是查了下文档好像没法拉开与Y轴的距离 使(年月)和(201605,201606...)在一条水平线上

问题解答

回答1:

想到一个hack方法,图表配置X轴名称不显示,基于图表外容器创建一个伪类,放进去X轴名称,这样就可以很轻松的定位到右下角了

回答2:

你这是X轴坐标名称重叠了! 看官方文档里 XAxis 里的name,nameLocation, nameGap这三个

相关文章: