title: How to add new line character for each node text in arbor js
body: <p>I have a network,with 14 nodes, and each node has a label, and also edges for connecting these nodes to each other. I tried to enter a long label for one of these nodes, and unfortunatly it seems that arborjs show labels on nodes just horizontally, so I tried to put a new line character in a label text "\n" and it will render it as an space, so I was wondering if anybody knows how to have multiple line label for a node in arbor js? 
  Here is the code : </p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript"&gt;
      var sys = arbor.ParticleSystem(1000, 700,0.01);
      sys.parameters({gravity:false});
      sys.renderer = Renderer("#viewport") ;
      var data = {
      nodes:{
      STRUCTURE:{'color':'black','shape':'rect','label':'STRUCTURE', },
      Engineering:{'color':'salmon','shape':'rect','label':'Engineering'},
      Architecture:{'color':'salmon','shape':'rect','label':'Architecture'},
      ArtsSciences:{'color':'salmon','shape':'rect','label':'Arts &amp; Sciences'},
      EarthEnergy:{'color':'salmon','shape':'rect','label':'Earth &amp; Energy'},
      SustainableDesign:s{'color':'lightskyblue','shape':'rect','label':'Sustainable Design'},
      sutabledesignleaf1:{'color':'lawngreen','shape':'rect','label':'Earthen Structures'},
      MaterialsStructures:{'color':'lightskyblue','shape':'rect','label':'Materials &amp; Structures'},
      MaterialsStructuresleaf1:{'color':'lawngreen','shape':'rect','label':'AEROSPACE/MECH. ENGINEERING'},
      LithosphereDynamics:{'color':'lightskyblue','shape':'rect','label':'Lithosphere Dynamics'},
      Energy:{'color':'lightskyblue','shape':'rect','label':'Energy'},
      LithosphereDynamicsleaf1:{'color':'lawngreen','shape':'rect','label':'Structure/Tectonophy'},
      Energyleaf1:{'color':'lawngreen','shape':'rect','label':'Structural Control on Reservoirs'},
      ArtsSciencesleaf1:{'color':'lawngreen','shape':'rect','label':'VARIOUS THEMES Market Structure'},
      },
      edges:{
      STRUCTURE:{ Engineering:{}, Architecture:{} , ArtsSciences:{}, EarthEnergy:{}},
      ArtsSciences:{ArtsSciencesleaf1:{}},
      EarthEnergy:{Energy:{},LithosphereDynamics:{}},
      Energy:{Energyleaf1:{}},
      LithosphereDynamics:{LithosphereDynamicsleaf1:{}},
      Engineering:{MaterialsStructures:{}},
      MaterialsStructures:{MaterialsStructuresleaf1:{}},
      Architecture:{SustainableDesign:{}},
      SustainableDesign:{sutabledesignleaf1:{}}
      }
      };
      sys.graft(data);
          var canvas =  document.selectElementById('viewport') ;  
      var context  =  canvas.getContext('2d');
        context.font = '40pt Calibri';
      context.fillStyle = 'blue';
  &lt;/script&gt;
  </code></pre>
  
  <p>suppose in this code, for STRUCTURE node's label we have "STRUCTURE" but when I want to have like a long text lie "kaskdjhkjahdkjhaskjdhjkahskjdhakjshdkjahdkjhaskjdhkjahsdkjhakjsdhkjashdkjhasdkjhkajshdkjhakjdhkajshdk" it doesn't break it to two lines, it will show up as one line, and even if I put a new line character, it will consider it as a space and it will show that again in one line, any help is appreciated. 
  Thanks in advance </p>