function load_timelines() {
  $.getJSON('/time_series.json',function(data) {
    var options = {
      xaxis: {
        mode: "time"
      },
      series: {
        points: {
          show: "true"
        },
        lines: {
          show: "true"
        }
      },
      grid: {
      },
      yaxis: {
        min: 29.5,
        max: 33
      }
    };
    $.plot('#psnr_graph',[data[0].sort()],options);
    
    options.yaxis.min = 29;
    options.yaxis.max = 34;
    $.plot('#psnrhvs_graph',[data[1].sort()],options);
    
    options.yaxis.min = 9;
    options.yaxis.max = 13;
    $.plot('#ssim_graph',[data[2].sort()],options);
    
    options.yaxis.min = 11;
    options.yaxis.max = 15;
    $.plot('#fastssim_graph',[data[3].sort()],options);
  });
}

@@ -336,10 +336,10 @@
 ax: 
-33
+40
 %0A   
@@ -463,10 +463,10 @@
 x = 
-3
 4
+0
 ;%0A  
@@ -578,10 +578,10 @@
 x = 
-13
+20
 ;%0A  
@@ -691,10 +691,10 @@
 x = 
-15
+30
 ;%0A  

Update graph ranges