title: Horizontal Bar-Chart in angular-chart.js
body: <p>I have successfully created a bar chart in angular-chart.js but now I want to change it into a horizontal bar chart. Also, I would like the fields to be placed inside of the horizontal bar itself:</p>
  
  <p><strong>code</strong></p>
  
  <pre><code> angular.module("app", ["chart.js"])
      .controller("LineCtrl", function ($scope) {
  
      var x =
      {
          "labels": [
              "Monday",
              "Tuesday",
              "Wednesday",
              "Thursday",
              "Friday",
              "Saturday",
              "Sunday"
          ],
          "data": [
              99,
              59,
              80,
              81,
              56,
              55,
              40
          ],
          "type": "line",
          "series": "eventTypePerDay"
      }
  
      console.log(x.series);
      //ses all of the variables to build the chart
      $scope.labels = x.labels;
      $scope.colours = ['#71d078'];
      $scope.type = x.type;
      $scope.data = [x.data];
      $scope.series = [x.series];
  
  
  });
  </code></pre>
  
  <p><strong>example of what I want</strong></p>
  
  <p><a href="https://i.stack.imgur.com/uExYc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uExYc.png" alt="enter image description here"></a></p>