|
|
| Line 77: |
Line 77: |
| | | | |
| | }); | | }); |
| - | $('#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
| + | |
| - | },
| + | |
| - | ]
| + | |
| - | }]
| + | |
| - | });
| + | |
| | | | |
| | }); | | }); |
| Line 144: |
Line 101: |
| | </head> | | </head> |
| | | | |
| - | <head>
| |
| - | <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>
| |
| - | </head>
| |
| | | | |
| | <body> | | <body> |
"
