Skip to content

Instantly share code, notes, and snippets.

@abresler

abresler/index.html

Created June 18, 2013 21:37
Show Gist options
  • Save abresler/5809670 to your computer and use it in GitHub Desktop.
Save abresler/5809670 to your computer and use it in GitHub Desktop.
Download ZIP
Notre Dame Football 97-05 Racial Breakdown
Raw
index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
<script src='http://code.highcharts.com/highcharts.js' type='text/javascript'></script>
<script src='http://code.highcharts.com/highcharts-more.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 400px;
}
</style>
</head>
<body>
<div id='chart167c77ae672c' class='rChart highcharts'></div>
<script type='text/javascript'>
(function($){
$(function () {
var chart = new Highcharts.Chart({
"dom": "chart167c77ae672c",
"width": 800,
"height": 400,
"credits": {
"href": null,
"text": null
},
"title": {
"text": "Notre Dame Football Racial Breakdown"
},
"yAxis": {
"title": {
"text": "# of Players"
}
},
"series": [
{
"data": [
[
"1997-1998",
48
],
[
"2000-2001",
43
],
[
"2001-2002",
46
],
[
"2003-2004",
44
],
[
"2004-2005",
42
]
],
"name": "Black.Males",
"type": "column",
"marker": {
"radius": 6
}
},
{
"data": [
[
"1997-1998",
0
],
[
"2000-2001",
1
],
[
"2001-2002",
0
],
[
"2003-2004",
0
],
[
"2004-2005",
0
]
],
"name": "Hispanic.Males",
"type": "column",
"marker": {
"radius": 6
}
},
{
"data": [
[
"1997-1998",
4
],
[
"2000-2001",
3
],
[
"2001-2002",
3
],
[
"2003-2004",
1
],
[
"2004-2005",
1
]
],
"name": "Other.Males",
"type": "column",
"marker": {
"radius": 6
}
},
{
"data": [
[
"1997-1998",
27
],
[
"2000-2001",
32
],
[
"2001-2002",
34
],
[
"2003-2004",
34
],
[
"2004-2005",
36
]
],
"name": "White.Males",
"type": "column",
"marker": {
"radius": 6
}
}
],
"xAxis": {
"title": {
"text": "Year"
},
"categories": [ "1997-1998", "2000-2001", "2001-2002", "2003-2004", "2004-2005" ],
"labels": {
"rotation": -45,
"align": "right",
"style": {
"fontSize": "13px",
"fontFamily": "Verdana, sans-serif"
}
}
},
"subtitle": {
"text": "Aragorn Alpha"
},
"plotOptions": {
"column": {
"dataLabels": {
"enabled": true,
"rotation": -90,
"align": "right",
"color": "#FFFFFF",
"x": 4,
"y": 10,
"style": {
"fontSize": "13px",
"fontFamily": "Verdana, sans-serif"
}
}
}
},
"id": "chart167c77ae672c",
"chart": {
"renderTo": "chart167c77ae672c"
}
});
});
})(jQuery);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment