C3.JS : show only one line on load by default for line chart
<p>I am using C3.js for multiple line graph.
I have around 2 line at the start but out of those two, i want to show only one and hide another one.<br>
I have used   <code>chart.show('data1')</code>
but without any luck.
Please help.</p>

<p>Another question is , can we have drilling charts in C3.js ?</p>

<p>Thanks.</p>

<p>The code :</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
 &lt;link href="./c3.css" rel="stylesheet" type="text/css"&gt;

&lt;!-- Load d3.js and c3.js --&gt;
&lt;script src="./d3.v3.min.js" charset="utf-8"&gt;&lt;/script&gt;
&lt;script src="./c3.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;

  &lt;body&gt;
    &lt;div id="chart"&gt;&lt;/div&gt;
  &lt;/body&gt;
&lt;script&gt;
var chart = c3.generate({
    bindto: '#chart',
    data: {
        x: 'x',
        columns: [
            ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'],
            ['data1', 30, 200, 100, 400, 250],
            ['data245', 130, 340, 200, 500, 250, 350]
        ]
    },
    axis: {
        x: {
            type: 'timeseries',
            tick: {
                format: '%Y-%m-%d'
            }
        }
    }
});

chart.show('data1');


&lt;/script&gt;
&lt;/html&gt;
</code></pre>