Team:TU-Eindhoven/Template:UseGraphs
From 2013.igem.org
(Difference between revisions)
Pascalaldo (Talk | contribs) |
Pascalaldo (Talk | contribs) |
||
(18 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | |||
<script> | <script> | ||
- | + | function loadGraphLibrary(){ | |
+ | $.getScript('https://2013.igem.org/Team:TU-Eindhoven/JS:Flot?action=raw&ctype=text/js', function(data, textStatus){ | ||
+ | $.getScript('https://2013.igem.org/Team:TU-Eindhoven/Data:</html>{{{data}}}<html>?action=raw&ctype=text/js', function(data2, textStatus2){ | ||
var data = []; | var data = []; | ||
- | + | choiceContainer = $('#graph_value_select'); | |
- | + | $.each(datasets, function(key, val) { | |
- | + | choiceContainer.append("<option value='" + key + | |
- | + | "'>" + val.label + "</option>"); | |
- | + | ||
}); | }); | ||
- | data.push(datasets[ | + | $('#graph_value_select').change(plotAccordingToChoices); |
- | + | ||
+ | function plotAccordingToChoices() { | ||
+ | |||
+ | var data = []; | ||
+ | var select_value = $('#graph_value_select').val(); | ||
+ | $.each(datasets[select_value].series, function(key, val) { | ||
+ | data.push(datasets[select_value].series[key]); | ||
+ | }); | ||
+ | |||
+ | if (data.length > 0) { | ||
+ | $.plot("#placeholder", data, { | ||
+ | yaxis: { | ||
+ | min: 0, | ||
+ | max: 5 | ||
+ | }, | ||
+ | xaxis: { | ||
+ | tickDecimals: 0 | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | } | ||
+ | plotAccordingToChoices(); | ||
+ | $('#graph_xlabel').html(graphoptions.xlabel); | ||
+ | $('#graph_xlabel').show(); | ||
+ | $('#graph_ylabel').html(graphoptions.ylabel); | ||
+ | $('#graph_ylabel').show(); | ||
}); | }); | ||
+ | }); | ||
+ | } | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 13:02, 17 August 2013