[feat]彩虹图页面合并

src/views/xjc-integratedmachine/wakeup/rainbow/FollowRingChart.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="chart-container">
-        <div id="ring-chart" ref="chart" class="ring-chart"></div>
+        <div id="ring-chart"  ref="chart" class="ring-chart"></div>
 
 
 
@@ -38,9 +38,10 @@
     const initChart = () => {
         if (!chart.value) return
 
-        myChart = echarts.init(chart.value)
+        myChart = echarts.init(chart.value,null,{width:width,height:height})
 
         option.value = {
+
             series: [{
                 type: 'pie',
                 radius: ['80%', '85%'],
@@ -264,7 +265,7 @@
 <style scoped>
     .chart-container {
         position: relative;
-        width: 100%;
+        width: 1832px;
         height: 910px;
         display: flex;
         flex-direction: column;
@@ -273,7 +274,7 @@
     }
 
     .ring-chart {
-        width: 1290px;
+        width: 1832px;
         height: 910px;
         cursor: pointer;
          border: 1px solid white;

src/views/xjc-integratedmachine/wakeup/rainbow/index.vue

@@ -31,8 +31,8 @@ function setHeadinfo(){
 const chartPrpps1 = ref({
   left : 0,
   top : 0,
-  width : 800,
-  height : 800,
+  width : 1830,
+  height : 1830,
   borderColor : "#998877",
   color :"#ff00ff",
   bncolor : "#ffffff",
@@ -83,6 +83,9 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
+body,html{
+  overflow: hidden;
+}
 p{
   margin: 0;
   padding: 0;
@@ -94,7 +97,7 @@ p{
   width: 100%;
   height: 1080px;
   .page-content {
-    width: 100%;
+    width: 1832px;
     height: 980px;
     position: absolute;
     top: 100px;
@@ -269,7 +272,7 @@ p{
     user-select: none; /* 防止拖拽时选中文字 */
   }
   .ring-chart1 {
-    width: 800px;
+    width: 1832px;
     height: 800px;
     position: absolute;
     left: 0px;