echarts直方图左半部分和右半部分series的name不一样怎么办
时间: 2023-05-24 19:04:38 浏览: 172
可以通过设置tooltip的formatter来自定义显示名称。在tooltip的formatter中通过判断数据所属的series进行不同的名称显示。具体实现方法可以参考以下代码:
```
option = {
tooltip: {
trigger: 'axis',
formatter: function(params) {
var result = '';
params.forEach(function(item) {
if (item.seriesName === '左侧直方图') {
result += '左侧名称:' + item.name + '<br>' + item.seriesName + ':' + item.value + '<br>';
} else {
result += '右侧名称:' + item.name + '<br>' + item.seriesName + ':' + item.value + '<br>';
}
});
return result;
}
},
legend: {
data: ['左侧直方图', '右侧直方图']
},
xAxis: [{
type: 'category',
data: ['A', 'B', 'C', 'D', 'E', 'F']
}],
yAxis: [{
type: 'value',
name: '左侧名称',
position: 'left'
},
{
type: 'value',
name: '右侧名称',
position: 'right'
}
],
series: [{
name: '左侧直方图',
type: 'bar',
yAxisIndex: 0,
data: [10, 20, 30, 40, 50, 60]
},
{
name: '右侧直方图',
type: 'bar',
yAxisIndex: 1,
data: [60, 50, 40, 30, 20, 10]
}
]
};
```
在上述代码中,通过判断`params`数组中每个数据的`seriesName`来自定义显示名称。如果是左侧直方图的数据,则显示左侧名称;如果是右侧直方图的数据,则显示右侧名称。