vue3 echarts 图例

Vue3中使用Echarts的图例组件配置可以通过引入相应的Echarts模块来实现。在你提供的代码中，可以看到使用了`import 'echarts/lib/chart/line'`来引入了折线图模块，同样可以使用类似的方式引入图例组件模块。

具体来说，你可以在`src\hooks\useEcharts.ts`文件中的`import * as echarts from "echarts";`后面添加以下代码来引入图例组件模块：

import 'echarts/lib/component/legend';

然后，在你的代码中，可以通过在`options`参数中配置`legend`属性来设置图例相关的配置。例如，你可以在`options`对象中添加一个`legend`属性，然后在其中配置图例相关的信息，如下所示：

options: {
  ...,
  legend: {
    data: ['图例项1', '图例项2', '图例项3'],
    // 其他图例配置
  },
  ...
}

其中，`data`属性用于配置图例的项，你可以根据需要自定义图例项的名称。

希望这个回答能够帮到你！如果还有其他问题，请随时提问。