trends from an xml file

[admin]

Here's an example that can be used as a starting point.
It should be modified to fetch the data remotely. It already converts CSV into correct data format for the graph library.

Code:

$(function() {
  var csv = `11-05-20 16:01:06;0,51
11-05-20 16:01:17;0,44
11-05-20 16:01:29;0,48
11-05-20 16:01:40;0,48
11-05-20 16:01:52;0,53
11-05-20 16:02:03;0,48
11-05-20 16:02:15;0,45
11-05-20 16:02:26;0,49
11-05-20 16:02:38;0,47
11-05-20 16:02:49;0,47`;

  var data = [];
  // convert CSV to correct data format
  $.each(csv.split('\n'), function(_, line) {
    var items = line.split(';')
      , d = items[0].replace(/(\d+)\-(\d+)\-(\d+) (.*)/, '20$3-$2-$1 $4')
      , n = items[1].replace(',', '.');
    
    data.push([
      new Date(d),
      Number(n)
    ]);
  });
  
  // create element for graph display, add to plan #1
  var el = $('<div></div>').css({
    position: 'absolute',
    width: 500,
    height: 300,
    left: 250,
    top: 380    
  }).appendTo('#plan-1').get(0);
  
  // create graph instance
  var graph = new Dygraph(el, data, {
    labels: [ '', 'My data' ],
    xAxisLabelWidth: 60
  });
});

graph should only be created once, to update it with new data use this:

Code:

graph.updateOptions({ file: data });