echarts柱状图粗细修改
时间: 2023-10-05 10:05:42 浏览: 92
可以通过以下两种方式修改 Echarts 柱状图的粗细:
1. 通过设置柱状图的样式属性来修改粗细:
```javascript
option = {
...
series: [{
type: 'bar',
barWidth: 20, // 设置柱状图的宽度,默认为自适应
itemStyle: {
normal: {
barBorderWidth: 2, // 设置柱状图边框的宽度
barBorderColor: '#333', // 设置柱状图边框的颜色
}
},
...
}]
...
};
```
2. 通过修改 Echarts 全局样式来统一修改所有柱状图的粗细:
```javascript
option = {
...
};
// 修改 Echarts 全局样式
echarts.registerTheme('my_theme', {
barWidth: 20, // 设置柱状图的宽度
barBorderWidth: 2, // 设置柱状图边框的宽度
barBorderColor: '#333', // 设置柱状图边框的颜色
});
// 使用修改后的主题
echarts.init(document.getElementById('my_chart'), 'my_theme').setOption(option);
```
阅读全文