Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: THEend8_
The Assignment
Your task is to plot the Bureau temperature and rainfall data using the pre-configured web services and one of several options available for consuming the Bureau data! The options are:
1. JQuery (using the ajax request)
2. D3 (the current version, v5.1 – newer than used in the past practicals which will also require some research)
Your task is to consume Ajax Data and present them on the Climate/Index and Climate/Details pages as per the requirements below.
Requirements
There are several tasks you are required to complete:
Task 1. Station Climate Data [20%]
1. The first thing we need is a table of the data from the Station Controller to be displayed in our Climage/Index page already created for you. This table should list the
· The station number and name
· Years the climate records cover
· total number of available records
· total number of all records (available + missing)
· A Tooltip to indicate the number of available and missing records
· A Tooltip to indicate the row is clickable
In a bootstrap table format as shown below:
2. When the mouse cursor is over a row, the row should automatically highlight (and remain readable). You can do this using the pre-existing bootstrap classes if the colours are suitable or make your own CSS selectors using an external style sheet linked at the top of the page. If in doubt, look up the bootstrap table information.
3. This table must be created inside a single
4. Data must not be included in class names. No id’s can be created other than that used for the div. Strings used to create elements must not include class names or other html attributes. We want good coding practices here!
5. If the Ajax Fails, the table div should contain a standard error message (e.g., “Failed to load Station Data”). No table should exist if the request fails