Create a responsive line chart with multiple lines
Budget: $250 – $750 USD
Following are the requirements:
1) Using the input data create a responsive line chart with multiple lines using any JavaScript API such as Google Charts API.
2) Attachment data file which is in JSON format and can be used to generate the chart. It has 2 years data but you can add more sample data. It is self explanatory. Different propertyTypes should show different colored lines on the chart with appropriate legend at the bottom of the chart as shown in 2.pdf.
3) Lines should be selectable upon click. The related legend should be highlighted when a particular line is selected.
4) The attachment 1.pdf shows the chart with time period selection at the top. For example, refer to the chart shown here: https://www.google.com/search?q=eth+to+cad
The required time periods are: 3M, 6M, 1YR, 2YRS, 5YRS.
5) It should show a vertical line, with price data, when mouse is moved over the selected line on the line chart. In this case the price data to be shown is the price and month/year for the point when mouse is hovered over the selected line. For ex: https://www.google.com/search?q=eth+to+cad
The same functionality should also be extended to onClick event i.e. the vertical dotted line should be shown over the individual point on the selected line and show information such as price and month/year of the selected point.
1) Using the input data create a responsive line chart with multiple lines using any JavaScript API such as Google Charts API.
2) Attachment data file which is in JSON format and can be used to generate the chart. It has 2 years data but you can add more sample data. It is self explanatory. Different propertyTypes should show different colored lines on the chart with appropriate legend at the bottom of the chart as shown in 2.pdf.
3) Lines should be selectable upon click. The related legend should be highlighted when a particular line is selected.
4) The attachment 1.pdf shows the chart with time period selection at the top. For example, refer to the chart shown here: https://www.google.com/search?q=eth+to+cad
The required time periods are: 3M, 6M, 1YR, 2YRS, 5YRS.
5) It should show a vertical line, with price data, when mouse is moved over the selected line on the line chart. In this case the price data to be shown is the price and month/year for the point when mouse is hovered over the selected line. For ex: https://www.google.com/search?q=eth+to+cad
The same functionality should also be extended to onClick event i.e. the vertical dotted line should be shown over the individual point on the selected line and show information such as price and month/year of the selected point.