title: Javascript for CanvasJS CDN works in Notepad++ but not on Wordpress text editor
body: <p>I used the following code in Notepad++ and it worked fine for creating a pie chart of the different search engines when I opened it in chrome:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script&gt;
  window.onload = function() {
  
  var chart = new CanvasJS.Chart("chartContainer", {
      animationEnabled: true,
      title: {
          text: "Desktop Search Engine Market Share - 2016"
      },
      data: [{
          type: "pie",
          startAngle: 240,
          yValueFormatString: "##0.00\"%\"",
          indexLabel: "{label} {y}",
          dataPoints: [
              {y: 79.45, label: "Google"},
              {y: 7.31, label: "Bing"},
              {y: 7.06, label: "Baidu"},
              {y: 4.91, label: "Yahoo"},
              {y: 1.26, label: "Others"}
          ]
      }]
  });
  chart.render();
  
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="chartContainer" style="height: 370px; width: 100%;"&gt;&lt;/div&gt;
  &lt;script src="https://canvasjs.com/assets/script/canvasjs.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I attempted to put this into a plan text page on Wordpress and it returns a big white space with the dimensions of the <code>&lt;div&gt;</code> container.</p>
  
  <p>I should mention that I am using an <em>Avada child theme</em>, and in the header.php file I have added the following:</p>
  
  <pre><code>&lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
      &lt;meta http-equiv="x-ua-compatible" content="ie=edge"&gt;
  
      &lt;!-- Bootstrap CSS --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous"&gt;
  
      &lt;script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I feel like the answer is something extremely simple thats happening with the Wordpress side, but I haven't developed a Wordpress theme yet so I'm a bit lost as to where to look.</p>
  
  <p>Any ideas?</p>