fix-修复了图表时间显示问题

src/views/BehaviorPage/component/EditCanvas.vue

@@ -67,9 +67,15 @@ function getCanvasData(chart:EChartsType){
     if (res && res.data && res.data.code === 200 && res.data.data && res.data.data.versions&& res.data.data.versions[versionIndex.value]){
       let rowData = res.data.data.versions[versionIndex.value]?.events satisfies any[];
       console.log("行为数据",rowData);
-      cursorData.length=0;
-      productData.length = 0;
-      processData.length = 0;
+
+      let clock = new Date(0);
+      clock.setHours(clock.getHours() + 16);
+      clock.setFullYear(2025)
+      clock.setMonth(6)
+      clock.setDate(26);
+      cursorData = [[clock,0]]
+      productData = [[clock,0]]
+      processData = [[clock,0] ]
       let processCount = 0;
       let zeroCount =0;
       if (!rowData){
@@ -103,7 +109,9 @@ function getCanvasData(chart:EChartsType){
         }
         let clock = new Date(startStamp);
         clock.setHours(clock.getHours() + 16);
-
+        clock.setFullYear(2025)
+        clock.setMonth(6)
+        clock.setDate(26);
         cursorData.push([clock,Math.min(item.retain+1,item.docLength)])
         productData.push([clock,item.docLength])
         let temp = 0;
@@ -137,7 +145,12 @@ function getCanvasData(chart:EChartsType){
             show: true,
             type: "line",
           },
-          splitNumber: props.splitNumber
+          splitNumber: props.splitNumber,
+          axisLabel:{
+            formatter: function(value) {
+              return formatTimeWithMilliseconds(value);
+            }
+          }
         },
         yAxis: {
           type: 'value',
@@ -154,7 +167,9 @@ function getCanvasData(chart:EChartsType){
             type: 'slider',
             labelFormatter: function (value) {
               return formatTimeWithMilliseconds(value);
-            }
+            },
+            left:60,
+            right:60
           },
         ],
         legend:{},

src/views/BehaviorPage/component/PauseCanvas.vue

@@ -122,6 +122,12 @@ function getCanvasData(chart:EChartsType){
             xAxis: {
               type:'time',
               splitNumber: props.splitNumber,
+              min:new Date(16*60*60*1000),
+              axisLabel:{
+                formatter: function(value) {
+                  return formatTimeWithMilliseconds(value);
+                }
+              }
             },
             yAxis: {
               type:'value',
@@ -165,7 +171,9 @@ function getCanvasData(chart:EChartsType){
                 type: 'slider',
                 labelFormatter: function (value) {
                   return formatTimeWithMilliseconds(value);
-                }
+                },
+                left:60,
+                right:60
               }
             ],
             series: [

src/views/BehaviorPage/component/ProcessCanvas.vue

@@ -32,11 +32,14 @@ const loadingStatus = inject('loadingStatus') as Ref<{
   process:boolean,
   total:boolean
 }>;
-function formatTimeWithMilliseconds(stamp:number ){
+function formatTimeWithMilliseconds(stamp:number,flag = false ){
   const date = new Date(stamp);
   const hours = date.getHours().toString().padStart(2, '0');
   const minutes = date.getMinutes().toString().padStart(2, '0');
   const seconds = date.getSeconds().toString().padStart(2, '0');
+  if (flag){
+    return `${hours}:${minutes}:${seconds}`
+  }
   const milliseconds = date.getMilliseconds().toString().padStart(3, '0');
   return `${hours}:${minutes}:${seconds}.${milliseconds}`;
 }
@@ -77,9 +80,14 @@ function getCanvasData(chart:EChartsType){
           let rowData = res.data.data.versions[versionIndex.value].events as any[];
           console.log("行为数据",rowData);
           //数组初始化
-          cursorData.length=0;
-          productData.length = 0;
-          processData.length = 0;
+          let clock = new Date(0);
+          clock.setHours(clock.getHours() + 16);
+          // clock.setFullYear(2025)
+          // clock.setMonth(6)
+          // clock.setDate(26);
+          cursorData = [[clock,0]]
+          productData = [[clock,0]]
+          processData = [[clock,0]]
           pauseData.length = 0;
           chartData.length = 0;
           let processCount = 0;
@@ -115,9 +123,9 @@ function getCanvasData(chart:EChartsType){
             }
             let clock = new Date(startStamp);
             clock.setHours(clock.getHours() + 16);
-            clock.setFullYear(2025)
-            clock.setMonth(6)
-            clock.setDate(26);
+            // clock.setFullYear(2025)
+            // clock.setMonth(6)
+            // clock.setDate(26);
             cursorData.push([clock,item.retain+1])
             productData.push([clock,item.docLength])
             pauseData.push([clock,item.pauseTime])
@@ -150,7 +158,12 @@ function getCanvasData(chart:EChartsType){
                 show: true,
                 type: "line"
               },
-              splitNumber: props.splitNumber
+              splitNumber: props.splitNumber,
+              axisLabel:{
+                formatter: function(value) {
+                  return formatTimeWithMilliseconds(value,true);
+                }
+              }
             },
             yAxis: [{
               type: 'value',
@@ -176,6 +189,11 @@ function getCanvasData(chart:EChartsType){
               },
               {
                 type: 'slider',
+                labelFormatter: function (value) {
+                  return formatTimeWithMilliseconds(value,true);
+                },
+                left:60,
+                right:60
               }
             ],
             legend:{