echarts 双柱状图和折线图, 折线图hover展示百分比

您可以通过设置 `tooltip` 的 `formatter` 属性来实现折线图hover展示百分比。具体做法是，先将折线图的数据转成百分比形式，然后在 `formatter` 中使用 `{c}%` 的方式来显示百分比。

示例代码如下：

option = {
    tooltip: {
        formatter: function(params) {
            if (params.seriesType === 'line') {
                return params.seriesName + ': ' + params.value + '%'; // 显示百分比
            }
            else {
                return params.seriesName + ': ' + params.value; // 显示原始值
            }
        }
    },
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: [
        {
            type: 'value',
            name: '柱状图',
            axisLabel: {
                formatter: '{value}' // 显示原始值
            }
        },
        {
            type: 'value',
            name: '折线图',
            axisLabel: {
                formatter: '{value}%' // 显示百分比
            }
        }
    ],
    series: [
        {
            name: '柱状图1',
            type: 'bar',
            data: [20, 30, 40, 50, 60]
        },
        {
            name: '柱状图2',
            type: 'bar',
            data: [10, 20, 30, 40, 50]
        },
        {
            name: '折线图',
            type: 'line',
            yAxisIndex: 1, // 使用第二个 y 轴
            data: [0.1, 0.2, 0.3, 0.4, 0.5].map(v => v * 100) // 转成百分比
        }
    ]
};

以上代码中，`formatter` 函数中判断了 `params.seriesType` 的值，如果是 `line` 则将数值乘以 100 并加上 `%` 后返回，否则直接返回原始值。同时，我们在 `yAxis` 中设置了两个坐标轴，一个用于显示柱状图，另一个用于显示折线图的百分比。