abhijeets25012-tech opened a new pull request, #63635:
URL: https://github.com/apache/airflow/pull/63635
## Description
Fixes #63582
The task duration chart in Airflow 3 had several rendering issues
compared to Airflow 2. This PR addresses all of them.
## Changes Made
### 1. Chart Size
- Added `w="100%"` to make chart full width
- Added `h="400px"` fixed height wrapper
- Added `maintainAspectRatio: false` so chart respects height
### 2. Y-Axis Units
- Changed from `HH:MM:SS` format to human readable `s/m/h`
- Example: now shows `30s`, `5.2m`, `1.5h` instead of `00:00:30`
### 3. Median Duration Line
- Added `median()` function to calculate median value
- Added blue dashed reference line showing median total duration
- Label displays the median value at end of line
### 4. Legend
- Added `Legend` to Chart.js imports and registration
- Added `legend: { display: true, position: "top" }` to options
- Users can now see what each color represents
## Screenshots
<!-- Add before/after screenshots if possible -->
## Testing
- Built successfully with `npm run build`
- All 4301 modules transformed without errors
## Related Issue
Closes #63582
--
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]
