"
Team:Imperial/Resources/JS:charts
From 2014.igem.org
(Difference between revisions)
| Line 101: | Line 101: | ||
}); | }); | ||
}); | }); | ||
| + | |||
| + | $(function () { | ||
| + | $('#freshwater_per_capita').highcharts({ | ||
| + | chart: { | ||
| + | type: 'column' | ||
| + | }, | ||
| + | title: { | ||
| + | text: 'Per capita freshwater withdrawals' | ||
| + | }, | ||
| + | subtitle: { | ||
| + | text: 'World Bank 2009' | ||
| + | }, | ||
| + | xAxis: { | ||
| + | categories: ['Canada', 'Russia', 'Brazil', 'Australia', 'US','Japan','UK','China','India'], | ||
| + | title: { | ||
| + | text: null | ||
| + | } | ||
| + | }, | ||
| + | yAxis: { | ||
| + | min: 0, | ||
| + | title: { | ||
| + | text: 'Per capita freshwater withdrawals(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: [46.0, 66.2, 74.8, 22.6, 90, 13, 554.1, 761.0, ] | ||
| + | }] | ||
| + | }); | ||
| + | }); | ||
| + | |||
$(function () { | $(function () { | ||
Revision as of 16:03, 17 October 2014
$(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}: {point.percentage:.1f}%'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '{point.name}: {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
},
]
}]
});
});
$(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]
}]
});
});
$(function () {
$('#freshwater_per_capita').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Per capita freshwater withdrawals'
},
subtitle: {
text: 'World Bank 2009'
},
xAxis: {
categories: ['Canada', 'Russia', 'Brazil', 'Australia', 'US','Japan','UK','China','India'],
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Per capita freshwater withdrawals(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: [46.0, 66.2, 74.8, 22.6, 90, 13, 554.1, 761.0, ]
}]
});
});
$(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}: {point.percentage:.1f}%'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '{point.name}: {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
},
]
}]
});
});
