Highcharts Demo

author(s): Torstein Hønsi

by J. Albert Bowden

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>

<div id="container" style="height: 400px; width: 100%"></div>

JavaScript

var _mainData = JSON.parse('[{"full":"test TESTri S","name":"Tori (K)","number":120,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTri Hu","name":"Kari (K)","number":232,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTnnor A","name":"Connor (K)","number":118,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTgan","name":"Logan (K)","number":106,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTika Spr","name":"Anika (K)","number":230,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTeline ","name":"Adeline (K)","number":132,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTse Gon","name":"Jose (K)","number":54,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTdia","name":"Zadia (K)","number":124,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTelyn Hor","name":"Adelyn (K)","number":172,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTlilah Rasm","name":"Delilah (K)","number":192,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTphie R","name":"Sophie (K)","number":62,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTexis Lin","name":"Alexis (K)","number":202,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTdy de","name":"Kody (K)","number":144,"grade":"K","y":34,"color":"#1BBA13"},{"full":"test TESTvid Nebe","name":"David (K)","number":122,"grade":"K","y":33,"color":"#1BBA13"},{"full":"test TESTyton A","name":"Payton (K)","number":208,"grade":"K","y":33,"color":"#1BBA13"},{"full":"test TESTnica K","name":"Danica (K)","number":74,"grade":"K","y":33,"color":"#1BBA13"},{"full":"test TESTen Jen","name":"Owen (K)","number":138,"grade":"K","y":33,"color":"#1BBA13"},{"full":"test TESTCKSON VERS","name":"JACKSON (K)","number":64,"grade":"K","y":33,"color":"#1BBA13"},{"full":"test TESTxson Pyt","name":"Jaxson (K)","number":148,"grade":"K","y":33,"color":"#1BBA13"},{"full":"test TESTayson Me","name":"Grayson (K)","number":112,"grade":"K","y":33,"color":"#1BBA13"},{"full":"test...