title: Issues while using donut chart
body: <p>I am new to web development and am trying to use patternFly Donut chart for my project. But when I try to check it by running as simple HTML it throws below error. Could someone help me with this?</p>
  
  <p><a href="https://i.stack.imgur.com/vehTz.png" rel="nofollow noreferrer">Error image</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;C3&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet" /&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"&gt;&lt;/script&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
   &lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.24.0/css/patternfly.min.css"&gt;
    &lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.24.0/css/patternfly-additions.min.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="donut-chart-6" class="example-donut-chart-utilization"&gt;&lt;/div&gt;
      &lt;script&gt;
    var c3ChartDefaults = $().c3ChartDefaults();
    var utilizationDonutChartConfig = c3ChartDefaults.getDefaultDonutConfig('A');
    utilizationDonutChartConfig.bindto = '#donut-chart-6';
    utilizationDonutChartConfig.data = {
      type: "donut",
      columns: [
        ["Used", 60],
        ["Available", 40]
      ],
      groups: [
        ["used", "available"]
      ],
      order: null
    };
    utilizationDonutChartConfig.size = {
      width: 200,
      height: 171
    };
  
    utilizationDonutChartConfig.tooltip = {
      contents: $().pfGetUtilizationDonutTooltipContentsFn('MHz')
    };
    var utilizationDonutChart = c3.generate(utilizationDonutChartConfig);
    $().pfSetDonutChartTitle("#donut-chart-6", "60", "MHz Used");
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>