区域的tooltip提示框怎样实现?echarts 折线配置项内容和展示

tooltip提示框只对数据点有效,如果想要提示一整块区域,比如鼠标在图中红色区域时提示“红色”,在黑色区域时提示“黑色”,怎样实现?

配置项如下
      option = {
    xAxis: {
        name: [],
        type: 'value',
        show: true,
    },
    yAxis: {
        name: [],
        type: 'value',
        show: true,
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a}'
    },
    series: [{
        name: 'area1',
        type: 'line',
        data: [
            [0, 0],
            [1, 1.732],
            [2, 0],
            [0, 0],
        ],
        symbolSize: 5,
        lineStyle: {
            normal: {
                width: 0
            }
        },
        areaStyle: {
            normal: {
                opacity: 1,
            }
        },
    }, {
        name: 'area2',
        type: 'line',
        data: [
            [2, 0],
            [3, 1.732],
            [1, 1.732],
            [2, 0],
        ],
        symbolSize: 5,
        lineStyle: {
            normal: {
                width: 0
            }
        },
        areaStyle: {
            normal: {
                opacity: 1,
            }
        },
    },]
};
    
截图如下