tirkarthi opened a new pull request, #40755:
URL: https://github.com/apache/airflow/pull/40755

   closes: #40337
   related: #40337
   
   This implements multi-line chart to plot task duration across all dagruns in 
the grid. The duration includes only run duration and is stored as seconds. 
During rendering the y-axis value is converted to hh:mm:ss format along with 
the tooltip. In task duration for a specific task we can calculate max duration 
but calculating it across all instances means when an outlier task ran in hours 
that takes only seconds then deselecting the task from legend will still 
display all others in hours. Clicking on the data point takes the user to 
specific task instance detail tab.
   
   I am facing an issue with moment import which I couldn't figure out. Any 
help is appreciated.
   
   ```
   static/js/dag/details/task/AllTaskDuration.tsx:67:27 - error TS2686: 
'moment' refers to a UMD global, but the current file is a module. Consider 
adding an import instead.
   
   67       const runDuration = moment
                                ~~~~~~
   
   static/js/dag/details/task/AllTaskDuration.tsx:83:12 - error TS2686: 
'moment' refers to a UMD global, but the current file is a module. Consider 
adding an import instead.
   
   83     return moment.utc(value * 1000).format("HH[h]:mm[m]:ss[s]");
                 ~~~~~~
   
   static/js/dag/details/task/AllTaskDuration.tsx:127:28 - error TS2686: 
'moment' refers to a UMD global, but the current file is a module. Consider 
adding an import instead.
   
   127           const duration = moment.utc(value * 1000);
   
   ```
   
   Screenshot
   
   
![image](https://github.com/user-attachments/assets/7b806d7e-22f3-487d-9a9b-dfe379faa82f)
   
   
   echarts example : 
https://echarts.apache.org/examples/en/editor.html?c=line-stack&lang=js


-- 
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