ecahrts如何设置tooltip中间连接的点

在 Echarts 中，要设置 tooltip 中间连接的点，你可以使用 `tooltip.trigger` 属性和 `tooltip.formatter` 属性来实现。

首先，你需要将 `tooltip.trigger` 属性设置为 `"axis"`，以便 tooltip 在鼠标悬停在数据项上时触发显示。然后，使用 `tooltip.formatter` 属性来定义 tooltip 的内容。

在 `tooltip.formatter` 中，你可以使用 `{}` 来引用数据项中的值，并使用自定义的 HTML 标签和样式来展示 tooltip 的内容。你可以在其中添加一个带有样式的中间连接的点。

以下是一个示例代码：

option = {
  // 设置 tooltip 触发方式为 axis
  tooltip: {
    trigger: 'axis',
    formatter: function(params) {
      var dataPoint = params[0];
      var value = dataPoint.value;
      var html = '<div style="background-color: #000; color: #fff; padding: 5px;">';
      html += 'X轴值：' + value[0] + '<br>';
      html += 'Y轴值：' + value[1] + '<br>';
      // 添加中间连接的点
      html += '<div style="background-color: red; width: 10px; height: 10px; border-radius: 50%; margin: 0 auto;"></div>';
      html += '</div>';
      return html;
    }
  },
  
  // 其他配置项...
  
};

在这个示例中，我们使用了一个红色的圆点来表示中间连接的点。你可以根据需要自定义样式和内容。

希望这个示例对你有帮助！如果还有其他问题，请随时提问。