echarts柱状图和折线图组合自定义tooltip

您可以通过ECharts的tooltip配置项来实现自定义tooltip。下面是一个示例代码，将柱状图和折线图组合，并自定义tooltip显示内容：

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        },
        formatter: function(params) {
            var lines = params.map(function(param) {
                if (param.seriesType === 'line') {
                    return param.marker + ' ' + param.seriesName + ': ' + param.value.toFixed(2);
                } else {
                    return param.marker + ' ' + param.seriesName + ': ' + param.value;
                }
            });
            return params[0].axisValue + '<br/>' + lines.join('<br/>');
        }
    },
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E', 'F']
    },
    yAxis: [
        {
            type: 'value',
            name: '柱状图',
            axisLabel: {
                formatter: '{value}'
            }
        },
        {
            type: 'value',
            name: '折线图',
            axisLabel: {
                formatter: '{value}'
            }
        }
    ],
    series: [
        {
            name: '柱状图',
            type: 'bar',
            data: [10, 20, 30, 40, 50, 60]
        },
        {
            name: '折线图',
            type: 'line',
            yAxisIndex: 1,
            data: [100, 90, 80, 70, 60, 50]
        }
    ]
};

在上述代码中，我们通过设置tooltip的formatter回调函数来自定义tooltip的显示内容。在formatter函数中，我们遍历params参数，根据seriesType判断是柱状图还是折线图，并根据需要格式化显示的内容。最后通过return返回最终的tooltip内容。

您可以根据实际需求进行修改和扩展，调整tooltip的样式和显示内容。希望对您有帮助！