Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine

[Stats Page] - Line Graph Component

Open
#2,774 0 comments 0 reactions 1 assignee View on GitHub

A pull request for this has already been merged.

  • #3101 by @gcooper407 — merged
front-end stale
Dominant language
TypeScript
Stars
36
Forks
9
Avg merge
4d 21h
Merged PRs (30d)
11

Description

Description

We need a reusable line graph component to display data over time. Using Chart.js, create a line graph component that takes in x-axis data (time), y-axis data, axis labels, time frame, width, height, and graph title.

Acceptance Criteria
  • graph displays data in line format
  • hovering over any part of the line displays a tooltip with more detail
  • all labels are properly formatted and sized/positioned
  • width and height are responsive
Proposed Solution
  • new component file is created with suitable props
Mocks

image
image

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.