Team:TU-Eindhoven/Template:UseGraphs

From 2013.igem.org

(Difference between revisions)
 
(16 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');
-
                 var i = 0;
+
                $.each(datasets, function(key, val) {
-
$.each(datasets, function(key, val) {
+
choiceContainer.append("<option value='" + key +
-
val.color = i;
+
"'>" + val.label + "</option>");
-
++i;
+
});
});
-
                 $('#graph_value_select').click(plotAccordingToChoices);
+
                 $('#graph_value_select').change(plotAccordingToChoices);
function plotAccordingToChoices() {
function plotAccordingToChoices() {
Line 17: 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) {
$.plot("#placeholder", data, {
$.plot("#placeholder", data, {
yaxis: {
yaxis: {
-
min: 0
+
min: 0,
 +
                                                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();
});
});
 +
    });
 +
}
</script>
</script>
</html>
</html>

Latest revision as of 13:02, 17 August 2013

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