title: Chart JS is not showing data
body: <p>Hey guys I made bar chart with some data and when I look on it, it shows only 1st bar and second is down...and no idea why. Tried to change data and nothing happen still...so data doesn't matter and I watched docs and didn't find anything wrong</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-js lang-js prettyprint-override"><code>var optionsTwo = {
    type: 'bar',
    data: {
      labels: ["Label1", "Label2"],
      datasets: [{
          data: [45000],
          label: "Label",
          backgroundColor: "#3e95cd",
          
        }, { 
          data: [40000],
          label: "Label2",
          backgroundColor: "#8e5ea2",
          
        }, ]
    },
    options: {
  
          legend: {
              display: true,
              position: "bottom",
              labels: {
                  fontColor: 'rgb(0, 0, 0)'
              }
          }
      }
  }
  var ctxOne = document.getElementById('bar-chart').getContext('2d');
  new Chart(ctxOne, optionsTwo);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"&gt;&lt;/script&gt;
          &lt;div class="chart-second" style=" height: 80vh; margin: 0 auto;"&gt;
            &lt;div class="chart-wrapper"&gt;
              
              
              &lt;canvas id="bar-chart"
                width="400"
                height="400"
                aria-label="Chart"
                role="img"
                
              &gt;&lt;/canvas&gt;
            &lt;/div&gt;
           
            &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>