echarts设置柱状图边框
时间: 2023-11-07 09:01:54 浏览: 596
Echarts实现柱状图效果
4星 · 用户满意度95%
您可以使用echarts中的itemStyle属性来设置柱状图的边框。在itemStyle中,您可以设置borderWidth来调整边框的宽度,borderColor来设置边框的颜色。具体示例如下所示:
```
//柱状图的配置项
var option = {
//...
series: [{
type: 'bar',
data: [100, 100, 100, 100, 100],
itemStyle: {
borderWidth: 3, //设置边框宽度
borderColor: '#00C1DE', //设置边框颜色
},
//...
}]
//...
};
//使用自定义数据配置echarts
var chart = this.$echarts.init(document.getElementById("xline"));
chart.setOption(option);
```
阅读全文