title: Uncaught TypeError: this.d3.set is not a function
body: <p>Following the example on <a href="https://c3js.org/gettingstarted.html" rel="nofollow noreferrer">https://c3js.org/gettingstarted.html</a> I ran into above mentioned error. I have set up <code>php -S localhost:8000</code>. Then I open this .html file:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;de&quot;&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;meta http-equiv=&quot;x-ua-compatible&quot; content=&quot;ie=edge&quot; /&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
      &lt;title&gt;C3 Example&lt;/title&gt;
  
  &lt;!-- Load c3.css --&gt;
  &lt;link href=&quot;c3/c3.css&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;!-- Load d3.js and c3.js --&gt;
  &lt;script src=&quot;d3/d3.min.js&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;c3/c3.min.js&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  
  &lt;body&gt;
      &lt;div id=&quot;chart&quot;&gt;&lt;/div&gt;
  
      &lt;script type=&quot;text/javascript&quot;&gt;
      var chart = c3.generate({
      bindto: '#chart',
      data: {
        columns: [
          ['data1', 30, 200, 100, 400, 150, 250],
          ['data2', 50, 20, 10, 40, 15, 25]
        ],
        axes: {
          data2: 'y2' // ADD
        }
      },
      axis: {
        y2: {
          show: true // ADD
        }
      }
  });
      &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>What am I doing wrong here? All I did was copypasting the codesample.</p>