fix: 图表不清晰和变形的问题

server/index.js

@@ -3,7 +3,7 @@ import express from 'express'
 
 const app = express()
 
-const PORT = 8080 // 可根据需要更改端口号
+const PORT = 8088 // 可根据需要更改端口号
 app.listen(PORT, () => {
   console.log(`服务器已启动，正在监听端口 ${PORT}`)
 })

src/components/seal/DashboardChart.vue

@@ -27,7 +27,7 @@ const initChart = () => {
   if (!chartRef.value) {
     return
   }
-  myChart = echarts.init(chartRef.value)
+  myChart = echarts.init(chartRef.value, null, { renderer: 'svg' })
   const option = {
     tooltip: {
       formatter: '{a} <br/>{b} : {c}%',
@@ -70,7 +70,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div ref="chartRef" style="width: 40vw; height: 30vw" />
+  <div ref="chartRef" style="width: 100%; height: 100%" />
 </template>
 
 <style>