Team:TU-Eindhoven/Template:UseGraphs

From 2013.igem.org

(Difference between revisions)
 
(10 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(){
 +
  $.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');
                 choiceContainer = $('#graph_value_select');
Line 10: Line 11:
});
});
-
                 $('#graph_value_select').click(plotAccordingToChoices);
+
                 $('#graph_value_select').change(plotAccordingToChoices);
function plotAccordingToChoices() {
function plotAccordingToChoices() {
Line 16: Line 17:
var data = [];
var data = [];
                         var select_value = $('#graph_value_select').val();
                         var select_value = $('#graph_value_select').val();
-
                         for (var i=0;i</html>{{{series}}}<html>;i++)
+
                         $.each(datasets[select_value].series, function(key, val) {
-
                        {
+
    data.push(datasets[select_value].series[key]);
-
data.push(datasets[select_value + i]);
+
                         });
-
                         }
+
if (data.length > 0) {
if (data.length > 0) {
Line 25: Line 25:
yaxis: {
yaxis: {
min: 0,
min: 0,
-
                                                 max: 3
+
                                                 max: 5
},
},
xaxis: {
xaxis: {
Line 34: Line 34:
}
}
                 plotAccordingToChoices();
                 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

Retrieved from "http://2013.igem.org/Team:TU-Eindhoven/Template:UseGraphs"