Team:Imperial/Templates:header
From 2014.igem.org
(Difference between revisions)
Line 75: | Line 75: | ||
}); | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> | ||
+ | <script src="https://2014.igem.org/Team:Imperial/Resources/JS:highcharts?action=raw&ctype=text/js"></script> | ||
+ | <script src="https://2014.igem.org/Team:Imperial/Resources/JS:exporting?action=raw&ctype=text/js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(document).ready(function () { | ||
+ | $('#water_use_breakdown').highcharts({ | ||
+ | chart: { | ||
+ | plotBackgroundColor: null, | ||
+ | plotBorderWidth: 1, //null, | ||
+ | plotShadow: false | ||
+ | }, | ||
+ | title: { | ||
+ | text: 'Water Consumption by Sector' | ||
+ | }, | ||
+ | subtitle: { | ||
+ | text: 'Worldometers 2014' | ||
+ | }, | ||
+ | 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: 'Browser share', | ||
+ | data: [ | ||
+ | ['Agricultural irrigation', 67.0], | ||
+ | ['Industrial', 11.0], | ||
+ | |||
+ | { | ||
+ | name: 'Domestic Use', | ||
+ | y: 22.0, | ||
+ | sliced: true, | ||
+ | selected: true | ||
+ | }, | ||
+ | ] | ||
+ | }] | ||
+ | }); | ||
}); | }); | ||
</script> | </script> |
Revision as of 23:57, 16 October 2014