Echarts四周的边框的样式

今天在使用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四周的边框的样式_第1张图片

你可能感兴趣的:(前端记录文档)