|
|
| 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> |
| | | | |
"
