title: Replacing chart datasets with d3.js / c3.js
body: <p><a href="http://jsfiddle.net/569ncufp/1/" rel="noreferrer"><h1>DEMO HERE</h1></a></p>
  
  <p>In the demo I am attempting to unload all current datasets and load new ones like this:</p>
  
  <p><em>Using C3.js</em> </p>
  
  <pre><code>chart.unload();
  chart.load({
      columns: [
          ['data1', 130, 120, 150, 140, 160],
          ['data2', 30, 20, 50, 40, 60, 50],
      ],
  });
  </code></pre>
  
  <p>This is obviously not the correct way to handle this process as the demo shows, this does not work correctly.</p>
  
  <p>The C3 tutorial states that data sets should be replaced like this:</p>
  
  <pre><code>chart.load({
      columns: [
          ['data1', 130, 120, 150, 140, 160],
          ['data2', 30, 20, 50, 40, 60, 50],
      ],
      unload: ['data3', 'data4', 'data5'],
  });
  </code></pre>
  
  <p>Again the demo shows this works correctly however...</p>
  
  <p><strong>QUESTION</strong></p>
  
  <p>How can I unload <strong>ALL</strong> current datasets and replace them with new ones without having to specify their individual data names (<code>data3</code>,<code>data4</code>) etc?</p>
  
  <p>Note: <em>The data sets are variable in name and quanity, hence why I just want to unload ALL.</em></p>
  
  <p>Fundamentally all I want to do is replace the data sets with new ones on click.</p>