echarts柱状图顶部圆角
时间: 2023-10-30 11:03:14 浏览: 245
echarts柱状图
您可以使用 ECharts 的 `bar` 图形的 `itemStyle` 属性来设置柱状图的顶部圆角。
以下是一个示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [{
type: 'bar',
data: [120, 200, 150, 80, 70],
itemStyle: {
normal: {
barBorderRadius: [10, 10, 0, 0] // 设置顶部圆角
}
}
}]
};
```
在上面的示例中,`barBorderRadius` 属性用于设置柱状图的边框圆角。通过设置数组 `[10, 10, 0, 0]`,前两个值表示左上角和右上角的圆角半径,后两个值为零表示不设置底部圆角。
您可以根据需要调整圆角的半径和柱状图的其他样式。希望对您有帮助!
阅读全文