修改

src/views/cyl/an3.vue

@@ -1,71 +1,13 @@
 <template>
     <div style="padding: 10px;">
       <a-card>
-        <template #header>
-          <div style="font-size: 25px;">
-            天气分析系统
-          </div>
-        </template>
   
-        <div class="center">
-          <img style="width: 512px;height: 440px;margin-left: 40px;margin-top: 20px;" src="@/assets/logo.png">
-          <div style="width: 450px;margin-left: 40px;margin-top: 100px;font-size: 25px;">
-            <div style="font-size: 30px;margin-left: 40px;margin-bottom: 15px;">基于Spark的母婴品牌数据可视化分析系统设计</div>
-            <div>   本项目旨在设计一套基于Spark的母婴品牌数据可视化分析系统，
-              通过对“淘宝母婴购物”数据集的深入分析，提供直观、全面的数据洞察，
-              辅助品牌做出更加精准的市场判断和策略规划。</div>
-          </div>
-        </div>
+          <img style="width: 100%;height: 100%;margin-left: 40px;margin-top: 20px;" src="@/assets/myplot.png">
   
       </a-card>
     </div>
-    <!-- <div id="chart" style="width: 600px; height: 400px;"></div> -->
   </template>
   
-  <script>
-  import * as echarts from 'echarts';
-  
-  export default {
-    name: 'Chart',
-    mounted() {
-      // this.initChart()
-    },
-    methods: {
-      initChart() {
-        const chart = echarts.init(document.getElementById('chart'))
-  
-        const option = {
-          title: {
-            text: '图表测试'
-          },
-          tooltip: {
-            trigger: 'axis'
-          },
-          legend: {
-            data: ['销量']
-          },
-          xAxis: {
-            type: 'category',
-            data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
-          },
-          yAxis: {
-            type: 'value'
-          },
-          series: [
-            {
-              name: '销量',
-              type: 'bar',
-              data: [5, 20, 36, 10, 10, 20]
-            }
-          ]
-        }
-  
-        chart.setOption(option)
-      }
-    }
-  }
-  </script>
-  
   <style lang="less" scoped>
   .card {
     padding: 10px;