Time Based Chart #86
Description
Description
Create and test a reusable react chart component that displays a chart (either bar or line, another type is fine so long as it displays the data in a readable format) of Time based metrics that we have collected from our Python data collection script. This chart will be displayed at least two times: once on the home page with organization wide averages for the volume based metrics and once in the team stats page where users will be able to filter what repository they want to select and from there they can further filter by the whole team or an individual user. They can also choose to see the lifetime average of the metrics or look at the specific sprint. There should only be one reusable chart component that can accept different parameters to display the correct data based on what page it is on/what selections are made
Currently we are using test_data.json to populate the charts, this will change later but it will work to code the component.
Current Metrics for Time Based Chart:
- Average Time to Close (issues)
- Average Time to Merge (should only be for repo wide as only Tech leads typically close PRs)
Steps to Reproduce
- Continue adding/edit Frontend/src/components/charts/TimeBased.jsx
- You may need to create or refactor the TransformVolumeData.jsx utility
- Test the chart component using the React Testing library.
- make sure to test both cases mentioned in the issue description
Expected Behavior
Neatly displayed chart (with consistent stylings) that can be added to any React page without issues.
Actual Behavior
FILL OUT UPON COMPLETION
Additional Information
FILL OUT UPON COMPLETION