echarts图形中各部件的移动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts图形中各部件的移动相关的知识,希望对你有一定的参考价值。

参考技术A 由于实际生产中,我们的数据会与示例数据有很大不同,导致图表中各组件出现堆叠的情况,这个时候就需要对图表中的组件位置进行调整。
基本上每个参数中都有left,right,bottom,top来控制对应组件的移动。
下面是各组件的移动方式:

在grid参数中进行设置

left参数:控制左边距离 ,如果设置为center则为居中(left:'center')
right参数:控制右边距离,如果设置为center则为居中(right:'center')
bottom参数:控制底部距离
top参数:控制顶部距离
containLabel参数:指的是grid 区域是否包含坐标轴的刻度标签,默认不包含
如下是containLabel参数true与false的对比:

在title参数中进行设置

在toolbox参数中进行设置

在legend参数中进行设置

以上是关于echarts图形中各部件的移动的主要内容,如果未能解决你的问题,请参考以下文章

echarts饼图鼠标移到图形上出现闪烁 无法点击问题

echarts怎么控制圆饼图的大小

报表如何集成 echarts 官网示例图

使用echarts插件做图表常见的几个问题——图形的两种渲染方式

ECharts 图表工具

Echarts学习