|
|
Line 7: |
Line 7: |
| <script src="https://2014.igem.org/Team:Imperial/Resources/JS:exporting?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"> | | <script type="text/javascript"> |
- | $(function () { | + | $(document).ready(function () { |
| $('#water_use_breakdown').highcharts({ | | $('#water_use_breakdown').highcharts({ |
| chart: { | | chart: { |
Line 55: |
Line 55: |
| </script> | | </script> |
| | | |
- | <script type="text/javascript">
| |
- | $(function () {
| |
- | $('#freshwater_per_capita').highcharts({
| |
- | chart: {
| |
- | type: 'column'
| |
- | },
| |
- | title: {
| |
- | text: 'Per capita freshwater resources'
| |
- | },
| |
- | subtitle: {
| |
- | text: 'World Bank 2009'
| |
- | },
| |
- | xAxis: {
| |
- | categories: ['Canada', 'Russia', 'Brazil', 'Australia', 'US','Sub-Saharan Africa','Japan','EU','UK','China','India','Middle East & North Africa'],
| |
- | title: {
| |
- | text: null
| |
- | }
| |
- | },
| |
- | yAxis: {
| |
- | min: 0,
| |
- | title: {
| |
- | text: 'Per capita freshwater resources(cubic metres)',
| |
- | align: 'high'
| |
- | },
| |
- | labels: {
| |
- | overflow: 'justify'
| |
- | }
| |
- | },
| |
- |
| |
- | plotOptions: {
| |
- | bar: {
| |
- | dataLabels: {
| |
- | enabled: true
| |
- | }
| |
- | }
| |
- | },
| |
- | legend: {
| |
- | layout: 'vertical',
| |
- | align: 'right',
| |
- | verticalAlign: 'top',
| |
- | x: -40,
| |
- | y: 100,
| |
- | floating: true,
| |
- | borderWidth: 1,
| |
- | backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
| |
- | shadow: true
| |
- | },
| |
- | credits: {
| |
- | enabled: false
| |
- | },
| |
- | series: [{
| |
- | name: 'Per capita freshwater resources(cubic meters)',
| |
- | data: [84495,30393,29037,22413,9186,4708,3371,2929,2346,2113,1197,616]
| |
- | }]
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | $(function () {
| |
- | $('#freshwater_breakdown').highcharts({
| |
- | chart: {
| |
- | plotBackgroundColor: null,
| |
- | plotBorderWidth: 1, //null,
| |
- | plotShadow: false
| |
- | },
| |
- | title: {
| |
- | text: 'Geographic breakdown of global freshwater resources'
| |
- | },
| |
- | subtitle: {
| |
- | text: 'World Bank 2009'
| |
- | },
| |
- | 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: [
| |
- | ['Brazil', 13.0],
| |
- | ['Russia', 10.0],
| |
- | ['Canada', 7.0],
| |
- | ['US', 7.0],
| |
- | ['China', 6.0],
| |
- | ['Colombia', 5.0],
| |
- | ['Indonesia', 5.0],
| |
- | ['Peru', 4.0],
| |
- | ['India', 3.0],
| |
- | ['Myanmar', 10.0],
| |
- | {
| |
- | name: 'Rest of World',
| |
- | y: 38.0,
| |
- | sliced: true,
| |
- | selected: true
| |
- | },
| |
- | ]
| |
- | }]
| |
- | });
| |
- | });
| |
- | </script>
| |
| </head> | | </head> |
| <body> | | <body> |
Line 194: |
Line 81: |
| <section id="introduction"> | | <section id="introduction"> |
| <h2>Introduction</h2> | | <h2>Introduction</h2> |
- | <div id="freshwater_breakdown" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div> | + | <div id="water_use_breakdown" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div> |
| </section> | | </section> |
| | | |