CzyerChen commented on PR #367:
URL: 
https://github.com/apache/skywalking-booster-ui/pull/367#issuecomment-1903611655

   > @CzyerChen Could you check this?
   
   In my case ,
   data:
   ```
   {
     "data": {
       "trace": {
         "spans": [
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
             "spanId": 0,
             "parentSpanId": -1,
             "refs": [],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915519033,
             "endTime": 1705915526049,
             "endpointName": "GET:/case/rocketmq-5-grpc-scenario",
             "type": "Entry",
             "peer": "",
             "component": "SpringMVC",
             "isError": false,
             "layer": "Http",
             "tags": [
               {
                 "key": "url",
                 "value": 
"http://127.0.0.1:8080/rocketmq-5-grpc-scenario/case/rocketmq-5-grpc-scenario";
               },
               {
                 "key": "http.method",
                 "value": "GET"
               },
               {
                 "key": "http.status_code",
                 "value": "200"
               }
             ],
             "logs": [],
             "attachedEvents": []
           },
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
             "spanId": 1,
             "parentSpanId": 0,
             "refs": [],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915522222,
             "endTime": 1705915522578,
             "endpointName": "RocketMQ/NormalTopicTest/Producer",
             "type": "Exit",
             "peer": "123.56.194.74:8081",
             "component": "rocketMQ-producer",
             "isError": false,
             "layer": "MQ",
             "tags": [
               {
                 "key": "mq.broker",
                 "value": "123.56.194.74:8081"
               },
               {
                 "key": "mq.topic",
                 "value": "NormalTopicTest"
               },
               {
                 "key": "mq.message.keys",
                 "value": "07a98de5-3dbf-413f-8c7b-8a947325b804"
               },
               {
                 "key": "mq.message.tags",
                 "value": "Tag:normal"
               },
               {
                 "key": "mq.message.id",
                 "value": "01ACDE48001122E6A105BFCE8200000000"
               }
             ],
             "logs": [],
             "attachedEvents": []
           },
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.147.17059155258090000",
             "spanId": 0,
             "parentSpanId": -1,
             "refs": [
               {
                 "traceId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
                 "parentSegmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
                 "parentSpanId": 1,
                 "type": "CROSS_PROCESS"
               }
             ],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915525809,
             "endTime": 1705915525810,
             "endpointName": "RocketMQ/NormalTopicTest/Consumer",
             "type": "Entry",
             "peer": "123.56.194.74:8081",
             "component": "rocketMQ-consumer",
             "isError": false,
             "layer": "MQ",
             "tags": [
               {
                 "key": "transmission.latency",
                 "value": "3584"
               },
               {
                 "key": "mq.topic",
                 "value": "NormalTopicTest"
               },
               {
                 "key": "mq.message.id",
                 "value": "01ACDE48001122E6A105BFCE8200000000"
               },
               {
                 "key": "mq.broker",
                 "value": "123.56.194.74:8081"
               }
             ],
             "logs": [],
             "attachedEvents": []
           },
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
             "spanId": 2,
             "parentSpanId": 0,
             "refs": [],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915524598,
             "endTime": 1705915524699,
             "endpointName": "RocketMQ/ProducerAsyncTopicTest/Producer",
             "type": "Exit",
             "peer": "123.56.194.74:8081",
             "component": "rocketMQ-producer",
             "isError": false,
             "layer": "MQ",
             "tags": [
               {
                 "key": "mq.broker",
                 "value": "123.56.194.74:8081"
               },
               {
                 "key": "mq.topic",
                 "value": "ProducerAsyncTopicTest"
               },
               {
                 "key": "mq.message.keys",
                 "value": "26064110-9e89-4951-af2b-d902b40b9dcf"
               },
               {
                 "key": "mq.message.tags",
                 "value": "Tag:async:producer"
               },
               {
                 "key": "mq.message.id",
                 "value": "01ACDE48001122E6A105BFCE8400000001"
               }
             ],
             "logs": [],
             "attachedEvents": []
           },
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
             "spanId": 3,
             "parentSpanId": 0,
             "refs": [],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915524701,
             "endTime": 1705915524737,
             "endpointName": "RocketMQ/ProducerAsyncTopicTest/Producer",
             "type": "Exit",
             "peer": "123.56.194.74:8081",
             "component": "rocketMQ-producer",
             "isError": false,
             "layer": "MQ",
             "tags": [
               {
                 "key": "mq.broker",
                 "value": "123.56.194.74:8081"
               },
               {
                 "key": "mq.topic",
                 "value": "ProducerAsyncTopicTest"
               },
               {
                 "key": "mq.message.keys",
                 "value": "45e403db-70e2-4bb1-a937-2d569386edde"
               },
               {
                 "key": "mq.message.tags",
                 "value": "Tag:async:producer"
               },
               {
                 "key": "mq.message.id",
                 "value": "01ACDE48001122E6A105BFCE8500000002"
               }
             ],
             "logs": [],
             "attachedEvents": []
           },
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.114.17059155251910000",
             "spanId": 0,
             "parentSpanId": -1,
             "refs": [
               {
                 "traceId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
                 "parentSegmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
                 "parentSpanId": 2,
                 "type": "CROSS_PROCESS"
               },
               {
                 "traceId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
                 "parentSegmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
                 "parentSpanId": 3,
                 "type": "CROSS_PROCESS"
               }
             ],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915525191,
             "endTime": 1705915525193,
             "endpointName": "RocketMQ/ProducerAsyncTopicTest/Consumer",
             "type": "Entry",
             "peer": "123.56.194.74:8081",
             "component": "rocketMQ-consumer",
             "isError": false,
             "layer": "MQ",
             "tags": [
               {
                 "key": "mq.topic",
                 "value": "ProducerAsyncTopicTest"
               },
               {
                 "key": "mq.broker",
                 "value": "123.56.194.74:8081"
               },
               {
                 "key": "transmission.latency",
                 "value": "595"
               },
               {
                 "key": "transmission.latency",
                 "value": "492"
               }
             ],
             "logs": [],
             "attachedEvents": []
           },
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
             "spanId": 4,
             "parentSpanId": 0,
             "refs": [],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915525411,
             "endTime": 1705915525492,
             "endpointName": "RocketMQ/ConsumerAsyncTopicTest/Producer",
             "type": "Exit",
             "peer": "123.56.194.74:8081",
             "component": "rocketMQ-producer",
             "isError": false,
             "layer": "MQ",
             "tags": [
               {
                 "key": "mq.broker",
                 "value": "123.56.194.74:8081"
               },
               {
                 "key": "mq.topic",
                 "value": "ConsumerAsyncTopicTest"
               },
               {
                 "key": "mq.message.keys",
                 "value": "beac4ae3-6659-4911-b5a2-4289afd5991c"
               },
               {
                 "key": "mq.message.tags",
                 "value": "Tag:async:consumer"
               },
               {
                 "key": "mq.message.id",
                 "value": "01ACDE48001122E6A105BFCE8500000003"
               }
             ],
             "logs": [],
             "attachedEvents": []
           },
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
             "spanId": 5,
             "parentSpanId": 0,
             "refs": [],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915525493,
             "endTime": 1705915525565,
             "endpointName": "RocketMQ/ConsumerAsyncTopicTest/Producer",
             "type": "Exit",
             "peer": "123.56.194.74:8081",
             "component": "rocketMQ-producer",
             "isError": false,
             "layer": "MQ",
             "tags": [
               {
                 "key": "mq.broker",
                 "value": "123.56.194.74:8081"
               },
               {
                 "key": "mq.topic",
                 "value": "ConsumerAsyncTopicTest"
               },
               {
                 "key": "mq.message.keys",
                 "value": "003eeba1-ed8c-4843-8161-77244d3a8c21"
               },
               {
                 "key": "mq.message.tags",
                 "value": "Tag:async:consumer"
               },
               {
                 "key": "mq.message.id",
                 "value": "01ACDE48001122E6A105BFCE8500000004"
               }
             ],
             "logs": [],
             "attachedEvents": []
           },
           {
             "traceId": "dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
             "segmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.112.17059155260980000",
             "spanId": 0,
             "parentSpanId": -1,
             "refs": [
               {
                 "traceId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
                 "parentSegmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
                 "parentSpanId": 4,
                 "type": "CROSS_PROCESS"
               },
               {
                 "traceId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190300001",
                 "parentSegmentId": 
"dd4b956f1d5641a7972bf0a9ff0f9992.50.17059155190290000",
                 "parentSpanId": 5,
                 "type": "CROSS_PROCESS"
               }
             ],
             "serviceCode": "rmq5-grpc-A-scenario",
             "serviceInstanceName": 
"[email protected]",
             "startTime": 1705915526099,
             "endTime": 1705915526099,
             "endpointName": "RocketMQ/ConsumerAsyncTopicTest/Consumer",
             "type": "Entry",
             "peer": "123.56.194.74:8081",
             "component": "rocketMQ-consumer",
             "isError": false,
             "layer": "MQ",
             "tags": [
               {
                 "key": "mq.broker",
                 "value": "123.56.194.74:8081"
               },
               {
                 "key": "mq.topic",
                 "value": "ConsumerAsyncTopicTest"
               },
               {
                 "key": "transmission.latency",
                 "value": "688"
               },
               {
                 "key": "transmission.latency",
                 "value": "606"
               }
             ],
             "logs": [],
             "attachedEvents": []
           }
         ]
       }
     }
   }
   ```
   
   the fix here still not work:
   <img width="884" alt="image" 
src="https://github.com/apache/skywalking-booster-ui/assets/22817918/a704b40a-8ff4-425c-b7e7-bca2495c268c";>
   
   the initial height of the svg may have to recalculate.
   
   <img width="962" alt="image" 
src="https://github.com/apache/skywalking-booster-ui/assets/22817918/396fd886-b0f7-4e07-b7e4-da03926df2f0";>
   
   
   
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]

Reply via email to