/i247-hw-highcharts-sp18

Highcharts assignment for i247 students

Primary LanguageJavaScript

INFO 247 HW: Highcharts

Instructions

Setup

  1. 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

  1. Create a horizontal stacked bar chart by completing the given code. Take a look at http://www.highcharts.com/demo/bar-stacked.
  2. You only need to edit the script.js file --no need to edit the HTML or CSS files.
  3. You need to read the data from a csv file. Set up a local server to read the data successfully via ajax.
  4. Take a look at the csv structure, then follow the instructions outlined in index.html to populate the data properly.
  5. 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.