Skip to content

Instantly share code, notes, and snippets.

@abresler

abresler/index.html

Created June 18, 2013 21:32
Show Gist options
  • Save abresler/5809636 to your computer and use it in GitHub Desktop.
Save abresler/5809636 to your computer and use it in GitHub Desktop.
Download ZIP
Oklahoma State 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='chart167c8e4ffa2' class='rChart highcharts'></div>
<script type='text/javascript'>
(function($){
$(function () {
var chart = new Highcharts.Chart({
"dom": "chart167c8e4ffa2",
"width": 800,
"height": 400,
"credits": {
"href": null,
"text": null
},
"title": {
"text": "Oklahoma State Football Racial Breakdown"
},
"yAxis": {
"title": {
"text": "# of Players"
}
},
"series": [
{
"data": [
[
"1996-1997",
50
],
[
"1998-1999",
51
],
[
"2001-2002",
40
],
[
"2003-2004",
55
],
[
"2004-2005",
62
]
],
"name": "Black.Males",
"type": "column",
"marker": {
"radius": 6
}
},
{
"data": [
[
"1996-1997",
2
],
[
"1998-1999",
2
],
[
"2001-2002",
2
],
[
"2003-2004",
1
],
[
"2004-2005",
1
]
],
"name": "Hispanic.Males",
"type": "column",
"marker": {
"radius": 6
}
},
{
"data": [
[
"1996-1997",
4
],
[
"1998-1999",
0
],
[
"2001-2002",
4
],
[
"2003-2004",
5
],
[
"2004-2005",
5
]
],
"name": "Other.Males",
"type": "column",
"marker": {
"radius": 6
}
},
{
"data": [
[
"1996-1997",
23
],
[
"1998-1999",
27
],
[
"2001-2002",
38
],
[
"2003-2004",
27
],
[
"2004-2005",
22
]
],
"name": "White.Males",
"type": "column",
"marker": {
"radius": 6
}
}
],
"xAxis": {
"title": {
"text": "Year"
},
"categories": [ "1996-1997", "1998-1999", "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": "chart167c8e4ffa2",
"chart": {
"renderTo": "chart167c8e4ffa2"
}
});
});
})(jQuery);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment