Implement the graph populated with backend data

Hadiasemi / Crypto-Tracker

0 stars 2 forks source link

Implement the graph populated with backend data #35

Closed jinyung2 closed 3 years ago

jinyung2 commented 3 years ago

Estimate: 8 hours

The graph will need to take in data from the backend, and transform the data into a front end model that works to support the correct data showing. Will also have support for hover over data, and data should be able to be transformed by the history span controls.

jinyung2 commented 3 years ago

Time Spent: 5 hours

Realized Chart.js doesn't have a candlestick graph type, so created a make shift one using a floating bar chart. Figured out that you can use a floating bar chart type and specify the range of the bar.

Also implemented a way to figure out min and max of the data for better scales in the chart display

jinyung2 commented 3 years ago

Time Spent: 5 hours

Graph implementation done:

configured options to set correct min, max range for y axis
created function to take in various interval
implemented graph history controls
implemented loading icon
implemented responsive CSS

Total Time Spent: 10 hours