setOptiongrid

绘图区边距和边框。不写四边则按标题、轴文字、图例、工具栏自动留空。

调用

chart.setOption({
    grid: {
        containLabel: true
    }
})

字段

字段	说明	类型	可选值	默认
containLabel	轴文字和图例是否留在绘图区控制范围内，避免贴边被裁。标题不算在内	boolean	true / false	true
left / right / top / bottom	四边边距。像素或百分比。写了则覆盖自动留空	number / string	—	按字号和部件推
border	绘图区矩形边框，不是轴线	object	—	不显示

宽屏不要写死百分比边距，窄屏容易裁字。需要固定边距时用像素。

border

字段	说明	类型	可选值	默认
show	是否显示边框	boolean	true / false	false
color	边框颜色	string	—	#d1d5db
width	线宽，像素	number / string	—	1

grid: {
    border: { show: true },
}

在线示例

在线体验见 示例 · 网格配置。