title: Reload all data points on c3.js graph
body: <p>I made a simple <code>div</code> in html: </p>
  
  <pre><code>&lt;div class='all'&gt;
      Show all
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the JS I tagged along to it:</p>
  
  <pre><code>$(document).ready(function () {
      $('.all').click(function(){
          chart.flush();
      });
  });
  </code></pre>
  
  <p>When a user clicks on the various x data set names in the legend, the data points will disappear. I want it so that if they click, say 20 data point names, all they will need is a single click of a button to put them all back on the graph instead of having to reclick all 20 options again.</p>
  
  <p>I'm trying to make it so that when I click on the div class <code>all</code>, the chart will reload all of the data points there.</p>
  
  <p>Like-wise, I also want it so that I can remove all data points. </p>
  
  <p>In the c3.js reference guide for flush (<a href="http://c3js.org/reference.html#api-flush" rel="nofollow">http://c3js.org/reference.html#api-flush</a>), I thought that this would reload all of the points on the graph. Apparently it doesn't. Is there a way so that once I click the div, all the points will be placed back onto the graph?</p>