"
Team:Imperial/Resources/JS:charts
From 2014.igem.org
(Difference between revisions)
| Line 103: | Line 103: | ||
$(function () { | $(function () { | ||
| - | $('# | + | $('#freshwater_per_capita_withdraw').highcharts({ |
chart: { | chart: { | ||
type: 'column' | type: 'column' | ||
Revision as of 16:17, 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_withdraw').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Per capita freshwater withdrawals'
},
subtitle: {
text: 'World Bank 2009'
},
xAxis: {
categories: ['UK', 'Australia', 'Canada', 'Russia', 'Brazil', 'Japan', 'US','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 withdrawals(cubic meters)',
data: [13, 22.6, 46.0, 66.2, 74.8, 90, 478.4, 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
},
]
}]
});
});
