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

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]