Template:Team:Northwestern/Template/nav only
From 2014.igem.org
(Difference between revisions)
(Created page with "<html lang="en"> <head> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jq...") |
|||
Line 4: | Line 4: | ||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function () { | ||
+ | $('#graph1').highcharts({ | ||
+ | chart: { | ||
+ | plotBackgroundColor: null, | ||
+ | plotBorderWidth: null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: 'What is the highest level of education you are planning on completing?' | ||
+ | }, | ||
+ | tooltip: { | ||
+ | pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' | ||
+ | }, | ||
+ | plotOptions: { | ||
+ | pie: { | ||
+ | allowPointSelect: true, | ||
+ | cursor: 'pointer', | ||
+ | dataLabels: { | ||
+ | enabled: true, | ||
+ | format: '<b>{point.name}</b>: {point.percentage:.1f} %', | ||
+ | style: { | ||
+ | color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | series: [{ | ||
+ | type: 'pie', | ||
+ | name: 'Highest desired degree', | ||
+ | data: [ | ||
+ | ['Medical School', 23.5], | ||
+ | ['IE', 26.8], | ||
+ | { | ||
+ | name: 'Undecided', | ||
+ | y: 41.2, | ||
+ | |||
+ | }, | ||
+ | ['PhD', 35.3], | ||
+ | |||
+ | ] | ||
+ | }] | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> | <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> |
Revision as of 21:57, 15 September 2014