echarts中如何设置label提示框的边框颜色
时间: 2024-04-24 21:23:28 浏览: 93
可以设置边框颜色的编辑框
3星 · 编辑精心推荐
在 ECharts 中,可以使用 `label` 配置项来设置提示框的样式,包括边框颜色。下面是一个示例:
```javascript
option = {
series: [{
type: 'bar',
data: [5, 20, 36, 10, 10, 20],
itemStyle: {
color: '#0078d7',
emphasis: {
color: '#268edc'
}
},
label: {
show: true,
position: 'top',
textStyle: {
color: '#333',
fontSize: 12
},
formatter: '{c}',
backgroundColor: '#fff',
borderColor: '#999', // 设置边框颜色
borderWidth: 1, // 设置边框宽度
padding: 5 // 设置边框与内容的间距
}
}]
};
```
在上面的示例中,我们通过 `label` 的 `backgroundColor` 属性设置了提示框的背景颜色,通过 `borderColor` 属性设置了边框颜色,通过 `borderWidth` 属性设置了边框宽度,通过 `padding` 属性设置了边框与内容的间距。你可以根据需要自行调整这些属性的值来达到你想要的效果。
阅读全文