INFO 247 HW: Highcharts
Instructions
Setup
- Open "index.html" and "_data/data.csv" in your text editor.
Goals
Build a horizontal stacked bar chart using the data provided (US 2012 Olympics Medal Count). Take a look at result-01.png & result-02.png to see what the final result should look like (they're the same chart, but the second screenshot shows a tooltip).
Practice with Highcharts
- Create a horizontal stacked bar chart by completing the given code. Take a look at http://www.highcharts.com/demo/bar-stacked.
- You only need to edit the script.js file --no need to edit the HTML or CSS files.
- You need to read the data from a csv file. Set up a local server to read the data successfully via ajax.
- Take a look at the csv structure, then follow the instructions outlined in index.html to populate the data properly.
- Most of the settings in "options" have been set up, but "options.tooltip" & "options.yAxis" are incomplete. Use the hints provided, consult the Highcharts API documentation (http://api.highcharts.com/highcharts), & fill out the missing options.