title: Chart.js not showing in my view
body: <p>I have an app running with angular.js and one of my view should load an chart. I'm using chart.js for it, but for some reason it's not working and no error is shown on my console. 
  Here is my function that creates the chart:</p>
  
  <pre><code>$scope.writeBatteryChart = function(){
          console.log("Function was called");
          var data = {
              labels: ["10:30am", "11:00am", "11:30am", "12:00pm", "12:30pm", "01:00pm", "01:30pm"],
              datasets: [
                  {
                      label: "Battery",
                      fillColor: "rgba(220,220,220,0.2)",
                      strokeColor: "rgba(220,220,220,1)",
                      pointColor: "rgba(220,220,220,1)",
                      pointStrokeColor: "#fff",
                      pointHighlightFill: "#fff",
                      pointHighlightStroke: "rgba(220,220,220,1)",
                      data: [65, 59, 80, 81, 56, 55, 40]
                  }
              ]
          };
  
          var options = {
              responsive: true,
              bezierCurve : false
          }
  
          var ctx = document.getElementById("myChart").getContext("2d");
          var myLineChart = new Chart(ctx).Line(data, options);
  
      }
  </code></pre>
  
  <p>Here's the HTML where the chart should appear:</p>
  
  <pre><code>               &lt;div class="row"&gt;
                      &lt;div class="col-md-8 col-sm-8 col-xs-8" style="padding-left: 0px;"&gt;
                          &lt;div class="panel panel-info"&gt;
                            &lt;div class="panel-heading"&gt;
                              &lt;h3 class="panel-title"&gt;Battery &lt;i class="fi-battery-half"&gt;&lt;/i&gt;&lt;/h3&gt;
                            &lt;/div&gt;
                            &lt;div class="panel-body"&gt;
                              &lt;canvas id="myChart" height="300"&gt;&lt;/canvas&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-4 col-sm-4 col-xs-4" style="padding-left: 0px; padding-right: 0px;"&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>and I'm also loading the latest version of the Chart.js:</p>
  
  <pre><code>    &lt;!--Chart plugin --&gt;
      &lt;script src="bower_components/Chart.js/Chart.js" language="javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>One thing that I noticed is that the canvas is being rendered with 0 dimensions:</p>
  
  <p><img src="https://i.stack.imgur.com/7PgEo.png" alt="0 dimensions on the canvas"></p>
  
  <p>Does someone can see where I'm doing something wrong?</p>