let data2=[ { "time": "2023-07-24 13:19:00", "grid_sun_of_current_vector": 0, "grid_total_active_power": 31.3, "grid_total_reactive_power": 0, "grid_total_apparent_power": 0, "grid_combed_active_power_energy": 0, "grid_forward_active_power_energy": 0, "grid_reverse_active_power_energy": 0 }, { "time": "2023-07-24 13:19:10", "grid_sun_of_current_vector": 0, "grid_total_active_power": 31.3, "grid_total_reactive_power": 0, "grid_total_apparent_power": 0, "grid_combed_active_power_energy": 0, "grid_forward_active_power_energy": 0, "grid_reverse_active_power_energy": 0 } ]; let data1=[ { "name": "时间", "field": "time" }, { "name": "三相电流矢量和(A)", "field": "grid_sun_of_current_vector" }, { "name": "总有功功率(KW)", "field": "grid_total_active_power" }, { "name": "总无功功率(KVar)", "field": "grid_total_reactive_power" }, { "name": "总视在功率(KVA)", "field": "grid_total_apparent_power" }, { "name": "组合有功总电能(KWh)", "field": "grid_combed_active_power_energy" }, { "name": "正向有功电能(KWh)", "field": "grid_forward_active_power_energy" }, { "name": "反向有功电能(KWh)", "field": "grid_reverse_active_power_energy" } ] data2作为echarts折线图数据源，data2的time做X轴数据,其他属性为Y轴数据，echarts的legend按data1的中文名称显示

要将 `data2` 作为 Echarts 折线图的数据源，并使用 `data1` 中的中文名称作为图例显示，可以按照以下步骤进行操作：

1. 安装 Echarts：

   npm install echarts --save

2. 在 Vue 的模板中，使用 `echarts` 组件来显示折线图：

   <template>
     <div>
       <div ref="chart" style="width: 600px; height: 400px;"></div>
     </div>
   </template>

3. 在 Vue 的 JavaScript 代码中，引入 `echarts` 并定义折线图的配置和数据：

   <script>
   import echarts from 'echarts';
   
   export default {
     mounted() {
       this.initChart();
     },
     methods: {
       initChart() {
         const chart = echarts.init(this.$refs.chart);
         const xAxisData = data2.map(item => item.time);
         const seriesData = [];
   
         for (let i = 1; i < data1.length; i++) {
           const fieldName = data1[i].field;
           const series = {
             name: data1[i].name,
             type: 'line',
             data: data2.map(item => item[fieldName])
           };
           seriesData.push(series);
         }
   
         const option = {
           legend: {
             data: data1.slice(1).map(item => item.name)
           },
           xAxis: {
             type: 'category',
             data: xAxisData
           },
           yAxis: {
             type: 'value'
           },
           series: seriesData
         };
   
         chart.setOption(option);
       }
     }
   };
   </script>

在上述代码中，我们首先引入 `echarts` 库，并在 `mounted` 钩子函数中调用 `initChart` 方法来初始化折线图。

在 `initChart` 方法中，我们首先通过 `map` 方法提取出 `data2` 中的时间作为 X 轴数据，然后遍历 `data1` 中的每个属性（除了时间），构建折线图的数据系列。每个属性对应一个数据系列，其中 `name` 为属性的中文名称，`type` 设置为 `'line'` 表示折线图，`data` 使用 `map` 方法提取出 `data2` 中对应属性的值作为 Y 轴数据。

最后，我们定义了折线图的配置 `option`，其中设置了图例的数据为 `data1` 中除了时间之外的属性名称，并设置了 X 轴和 Y 轴的数据。

确保你已经引入了 Echarts 库，并将上述代码放置在正确的位置，就可以使用 `data2` 作为折线图的数据源，并使用 `data1` 中的中文名称作为图例显示了。根据数据的不同属性，折线图将会显示相应的曲线。