Team:TU-Eindhoven/Template:UseGraphs

From 2013.igem.org

(Difference between revisions)
 
(12 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();
-
data.push(datasets[select_value]);
+
                        $.each(datasets[select_value].series, function(key, val) {
 +
    data.push(datasets[select_value].series[key]);
 +
                        });
if (data.length > 0) {
if (data.length > 0) {
Line 22: Line 25:
yaxis: {
yaxis: {
min: 0,
min: 0,
-
                                                 max: 3
+
                                                 max: 5
},
},
xaxis: {
xaxis: {
Line 31: Line 34:
}
}
                 plotAccordingToChoices();
                 plotAccordingToChoices();
 +
                $('#graph_xlabel').html(graphoptions.xlabel);
 +
                $('#graph_xlabel').show();
 +
                $('#graph_ylabel').html(graphoptions.ylabel);
 +
                $('#graph_ylabel').show();
});
});
-
$("<div class='axisLabel yaxisLabel'></div>")
+
    });
-
        .text("Pressure")
+
}
-
        .appendTo($("#yl_1"));
+
</script>
</script>
</html>
</html>

Latest revision as of 13:02, 17 August 2013

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