如何让 echarts的tooltip 既有线又有 背景阴影？

要同时为 Echarts 的 tooltip 添加线条和背景阴影，你可以通过自定义 CSS 样式来实现。

首先，你需要为 tooltip 的线条添加样式。可以使用 `axisPointer` 属性中的 `lineStyle` 来设置线条的样式，例如线条的颜色、宽度等。

然后，你可以为 tooltip 的背景添加阴影效果。可以使用 `tooltip` 属性中的 `backgroundColor` 设置背景色，并使用 CSS 的 `box-shadow` 属性来添加阴影效果。

以下是一个示例代码：

option = {
  // 设置 tooltip 触发方式为 axis
  tooltip: {
    trigger: 'axis',
    // 设置背景色
    backgroundColor: 'rgba(0, 0, 0, 0.7)',
    // 设置线条样式
    axisPointer: {
      lineStyle: {
        color: '#fff',
        width: 2
      }
    },
    formatter: function(params) {
      var dataPoint = params[0];
      var value = dataPoint.value;
      var html = '<div style="padding: 5px;">';
      html += 'X轴值：' + value[0] + '<br>';
      html += 'Y轴值：' + value[1] + '<br>';
      html += '</div>';
      return html;
    }
  },
  
  // 其他配置项...
  
};

在这个示例中，我们将背景色设置为半透明的黑色（rgba(0, 0, 0, 0.7)），线条颜色设置为白色，宽度设置为2px。

你可以根据需要自定义样式，包括颜色、阴影效果等。

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