echarts柱状图只要柱子
时间: 2023-11-08 16:05:02 浏览: 246
您可以通过设置图表的样式来实现只显示柱子,具体步骤如下:
1. 在图表配置项中设置柱子的样式为简单的线条样式(line)或没有样式(none);
2. 隐藏坐标轴和图例等其他元素,只保留柱子。
示例代码如下:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
type: 'bar',
data: [120, 200, 150, 80, 70, 110, 130],
itemStyle: {
normal: {
lineStyle: { // 设置柱子的边框样式
color: 'transparent' // 颜色设置为透明,柱子不可见
}
}
}
}],
// 隐藏坐标轴和图例
grid: {
left: '0',
right: '0',
bottom: '0',
top: '0',
containLabel: true
},
legend: {
show: false
},
tooltip: {
show: false
}
};
```
阅读全文