使用vue封装两个平滑折线图,echarts

好的，可以使用 `vue-echarts` 插件来实现。以下是基本步骤：

1. 安装 `vue-echarts` 插件：

   npm install vue-echarts

2. 在 `main.js` 中引入 `vue-echarts`：

   import Vue from 'vue'
   import ECharts from 'vue-echarts/components/ECharts.vue'
   import 'echarts/lib/chart/line'
   import 'echarts/lib/component/tooltip'
   import 'echarts/lib/component/title'

   Vue.component('v-chart', ECharts)

3. 在组件中使用 `v-chart`：

   <template>
     <div>
       <v-chart :options="lineChartOptions"></v-chart>
       <v-chart :options="smoothLineChartOptions"></v-chart>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         lineChartOptions: {
           xAxis: {
             type: 'category',
             data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
           },
           yAxis: {
             type: 'value'
           },
           series: [{
             data: [820, 932, 901, 934, 1290, 1330, 1320],
             type: 'line'
           }]
         },
         smoothLineChartOptions: {
           xAxis: {
             type: 'category',
             data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
           },
           yAxis: {
             type: 'value'
           },
           series: [{
             data: [820, 932, 901, 934, 1290, 1330, 1320],
             type: 'line',
             smooth: true
           }]
         }
       }
     }
   }
   </script>

在 `lineChartOptions` 和 `smoothLineChartOptions` 中分别设置两个不同的平滑折线图的配置项。

以上代码仅为基本示例，具体的配置项可以参考 [ECharts 文档](https://echarts.apache.org/zh/index.html) 进行设置。