echarts图如何调整上下左右空间的大小

最新推荐文章于 2024-10-13 14:40:06 发布

-小C_

最新推荐文章于 2024-10-13 14:40:06 发布

阅读量2.5k

点赞数 2

分类专栏：可视化大屏文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_75107188/article/details/132674723

版权

可视化大屏专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了如何在ECharts图表组件的option对象中添加grid属性，详细说明了top、bottom、left、right和containLabel等属性的作用，以实现自定义图表与容器的间距和包含标签的效果。

摘要由CSDN通过智能技术生成

在option中添加grid属性

grid: {
    top: '1%',//生成的echarts图片和顶部的距离
    bottom: '3%',//echarts图片和底部的距离
    left: '1%',//echarts图片和左边的距离
    right: '2%'//echarts图片和右边的间距,
    containLabel: true//当containLabel:为ture时，以上设置生效
},