search

Hadiasemi / Crypto-Tracker

0 stars 2 forks source link

Research Chart.js and react-chartjs-2 #10

Closed jinyung2 closed 3 years ago

jinyung2 commented 3 years ago

Estimate: 8 hours

Learn how to use and implement the chart.js library into react using the react-chartjs-2 wrapper package.

jinyung2 commented 3 years ago

Time Spent: 2 hours

Created some new components for graph, created a route for the dashboard and played around and experimented with example graphs supplied in chart js documentation.

jinyung2 commented 3 years ago

Time Spent: 2 hours

Played around with some options outlined in the docs: https://www.chartjs.org/docs/latest/

Added an example to the feature/graph-chartjs branch, with use of options object supplied to various graph types

jinyung2 commented 3 years ago

Time Spent: 2 hours

Tried using different options on Bar, Line, Doughnut, and Radar graph types. Currently all inline options/styles for experimenting, but in the future this will be changed. Need to figure out where to handle the app state, ie. should it all be in the dashboard Page and components should be state-less or can we throw in states into functional components as well.

jinyung2 commented 3 years ago

Marking as complete for now, will figure out more chart.js as we implement graphs into the front end