echarts折线图添加黑色边框
时间: 2023-06-29 21:13:07 浏览: 121
EasyUI表格合并,及echarts折线图,导出折线图为图片
要给 ECharts 折线图添加黑色边框,可以在 option 中设置 grid 的属性,具体步骤如下:
1. 打开 ECharts 的 option,找到 grid 属性。
2. 在 grid 中添加属性 borderWidth,设置边框宽度,单位为像素。
3. 同时设置 borderColor 属性为黑色,可以是字符串或者 RGB 值或者十六进制值。
以下是一个示例代码:
```javascript
option = {
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true,
borderWidth: 1,
borderColor: 'black'
},
// 其他配置项
}
```
以上代码中,设置了 grid 的 borderWidth 为 1 像素,同时设置了 borderColor 属性为黑色,你可以根据自己的需要进行调整。如果需要设置边框的粗细,可以调整 borderWidth 的值。
阅读全文