概述
今天在使用echarts的时候，突然发现页面高度不够用了。需要将echarts周围的边框去掉，以此腾出空间。
通过翻阅api终于找到grid选项可以操作。通过博客记录一下
grid:直角坐标系内绘图网格
| {number} zlevel | 0 | 一级层叠控制。每一个不同的zlevel将产生一个独立的canvas，相同zlevel的组件或图标将在同一个canvas上渲染。zlevel越高越靠顶层，canvas对象增多会消耗更多的内存和性能，并不建议设置过多的zlevel，大部分情况可以通过二级层叠控制z实现层叠控制。 |
| {number} z | 0 | 二级层叠控制，同一个canvas（相同zlevel）上z越高约靠顶层。 |
| {number | string} x | 80 | 直角坐标系内绘图网格左上角横坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域横向中心) |
| {number | string} y | 60 | 直角坐标系内绘图网格左上角纵坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域纵向中心) |
| {number | string} x2 | 80 | 直角坐标系内绘图网格右下角横坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域横向中心) |
| {number | string} y2 | 60 | 直角坐标系内绘图网格右下角纵坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域纵向中心) |
| {number} width | 自适应 | 直角坐标系内绘图网格（不含坐标轴）宽度，默认为总宽度 - x - x2，数值单位px，指定width后将忽略x2，见下图。 支持百分比（字符串），如'50%'(显示区域一半的宽度) |
| {number} height | 自适应 | 直角坐标系内绘图网格（不含坐标轴）高度，默认为总高度 - y - y2，数值单位px，指定height后将忽略y2，见下图。 支持百分比（字符串），如'50%'(显示区域一半的高度) |
| {color}backgroundColor | 'rgba(0,0,0,0)' | 背景颜色，默认透明。 |
| {number}borderWidth | 1 | 边框线宽 |
| {color}borderColor | '#ccc' | 边框颜色。 |
最后
以上就是淡定裙子为你收集整理的Echarts四周的边框的样式的全部内容，希望文章能够帮你解决Echarts四周的边框的样式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复