Team:TU-Eindhoven/Template:UseGraphs

From 2013.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script src="https://2013.igem.org/Team:TU-Eindhoven/JS:Flot?action=raw&ctype=text/js"></script>
 
<script>
<script>
-
$(function() {
+
function loadGraphLibrary(){
-
                 var i = 0;
+
  $.getScript('https://2013.igem.org/Team:TU-Eindhoven/JS:Flot?action=raw&ctype=text/js', function(data, textStatus){
-
$.each(datasets, function(key, val) {
+
          $.getScript('https://2013.igem.org/Team:TU-Eindhoven/Data:</html>{{{data}}}<html>?action=raw&ctype=text/js', function(data2, textStatus2){
-
val.color = i;
+
                 var data = [];
-
++i;
+
                choiceContainer = $('#graph_value_select');
 +
                $.each(datasets, function(key, val) {
 +
choiceContainer.append("<option value='" + key +
 +
"'>" + val.label + "</option>");
});
});
-
$.plot("#placeholder", datasets["usa"],{yaxis: { min: 0 }, xaxis: { tickDecimals: 0 }});
+
 
 +
                $('#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