echarts柱状图tooltip显示多条数据代码
时间: 2023-10-25 16:09:19 浏览: 343
请问您使用的是哪个版本的 Echarts?不同版本的 Echarts 编写方式有所不同。
如果您使用的是 Echarts 3.x 版本,可以按照以下方式编写代码实现多条数据在 tooltip 中的显示:
```
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: function(params) {
var result = '';
for (var i = 0, len = params.length; i < len; i++) {
var data = params[i];
var seriesName = data.seriesName;
var value = data.value;
result += seriesName + ': ' + value + '<br>';
}
return result;
}
},
```
如果您使用的是 Echarts 4.x 版本及以上,可以按照以下方式编写代码实现多条数据在 tooltip 中的显示:
```
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: function(params) {
var result = '';
for (var i = 0, len = params.length; i < len; i++) {
var data = params[i];
var seriesName = data.seriesName;
var value = data.value;
result += seriesName + ': ' + value + '<br>';
}
return result;
}
},
```
以上代码中,formatter 函数用于格式化 tooltip 中的文本内容,通过遍历 params 数组获取每条数据的 seriesName 和 value,再组合成需要显示的内容。
希望能帮到你!
阅读全文