IE 9/10/11 + Canvas + SVG + orgchart.js about orgchart HOT 10 CLOSED

    $('#chart-container').orgchart({
      'data' : datascource,
      'depth': 2,
      'nodeContent': 'title'
    });

    var data = '<svg width="400px" height="200px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">' +
      '<title> designation</title>' +
      '<g id="columnGroup">' +
      '<rect x="65" y="10" width="75" height="110" fill="gainsboro"/>' +
      ' <text x="0" y="30" font-size="18px" font-weight="bold" fill="crimson">' +
      '<tspan x="0" dy="1.5em"> test 0 </tspan>' +
      '<tspan x="0" dy="1em"> test 1 </tspan>' +
      '<tspan x="0" dy="1em"> test 2</tspan>' +
      '</text>' +
      '<text x="250" y="30" font-size="18px" text-anchor="middle">' +
      '<tspan x="250" font-weight="bold" fill="crimson">Actual</tspan>' +
      '<tspan x="250" dy="1.5em"> 7 </tspan>' +
      '<tspan x="250" dy="1em"> 8 </tspan>' +
      '<tspan x="250" dy="1em"> 3 </tspan>' +
      '</text>' +
      '<text x="350" y="30" font-size="18px" text-anchor="middle">' +
      '<tspan x="350" font-weight="bold" fill="crimson">Plan</tspan>' +
      '<tspan x="350" dy="1.5em"> 8 </tspan>' +
      '<tspan x="350" dy="1em"> 8 </tspan>' +
       '<tspan x="350" dy="1em"> 2 </tspan>' +
      '</text>' +
      '</g>' +
      '</svg>';

      var img = new Image();
      var DOMURL = window.URL || window.webkitURL || self;
      var svg = new Blob([data], { type: 'image/svg+xml;charset=utf-8' });
      var url = DOMURL.createObjectURL(svg);
      var img = document.createElement("img");
      img.src = url;
      img.height = 130;
      $('.content:first').html(img);