echarts折线图hover时在拐点显示数值

在ECharts中创建折线图时，如果你想在鼠标悬停在拐点上时显示相应的数值，你可以利用ECharts的`hoverLink`和`dataZoom`功能以及自定义提示（tooltip）。首先，设置`hoverLink`属性为`true`，以便当鼠标移动到某个数据点时，会关联显示对应的数据值。然后，可以配置`series.dataZoom`来启用缩放和平移，这样在图形区域外也能查看数据。

接下来，你需要定义一个`formatter`函数来定制提示框的内容，这个函数会在显示提示信息时被调用，接收当前鼠标所在点的信息作为参数。在`formatter`里，你可以检查是否是拐点，并返回对应的数值。示例代码如下：

option = {
    tooltip: {
        trigger: 'axis',
        formatter: function (params) {
            let point = params[0];
            // 检查如果是拐点，获取相邻点的数值
            if (point.value === undefined || point.value === null) {
                const prevPoint = series.data[point.seriesIndex - 1];
                const nextPoint = series.data[point.seriesIndex + 1];
                return `${prevPoint.name}: ${prevPoint.value}, ${nextPoint.name}: ${nextPoint.value}`;
            } else {
                return point.name + ': ' + point.value;
            }
        },
    },
    series: [
        {
            name: '折线图',
            type: 'line',
            data: ...,
            hoverLink: true,
            dataZoom: {
                show: true,
                start: 50, // 数据区比例
                end: 100, // 数据区比例
            },
        }
    ]
};

记得替换`...`处为实际的折线图数据。当你将鼠标移到拐点时，就会看到包含两个相邻点数值的提示了。