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

Dropdown menu from bootstrap