echarts 柱状图 只能传入name 和value 吗
时间: 2023-10-25 19:15:08 浏览: 42
不完全是。在 echarts 的柱状图中,除了 `name` 和 `value`,还可以传入其他的数据,具体取决于你想要展示的内容。例如,你可以为每个柱子添加一个 `tooltip`,在鼠标悬停时展示更多的信息。你还可以为每个柱子设置一个颜色,或者在柱子上方添加标签等等。下面是一个简单的例子:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'bar',
itemStyle: {
color: '#7cb5ec'
},
label: {
show: true,
position: 'top',
formatter: function(params) {
return params.data + '元';
}
},
tooltip: {
show: true,
formatter: function(params) {
return params.name + ': ' + params.data + '元';
}
}
}]
};
```
在上面的例子中,我们为每个柱子设置了一个标签,展示了金额的具体数值,并且为每个柱子设置了一个颜色,同时还为每个柱子设置了一个 `tooltip`,展示了更多的信息。