title: How to have solid colored bars in angular-chart bar chart
body: <p>I'm using angular-chart (based on chart.js) to create some bar charts and am having trouble getting the bar styling I want. I want the bars to be solid colors like this:</p>
  
  <p><a href="https://i.stack.imgur.com/o4Six.png" rel="noreferrer"><img src="https://i.stack.imgur.com/o4Six.png" alt="Desired Result"></a></p>
  
  <p>But I can't figure out how to get rid of the alpha that chart.js adds by default:</p>
  
  <p><a href="https://i.stack.imgur.com/6BI6p.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6BI6p.png" alt="Actual Result"></a></p>
  
  <p>My html looks like this:</p>
  
  <pre><code>  &lt;body ng-app="myApp" ng-controller="myController as ctrl"&gt;
      &lt;canvas id="outreach" class="chart chart-bar" 
          chart-labels="ctrl.socialChart.labels" 
          chart-data="ctrl.socialChart.data" 
          chart-series="ctrl.socialChart.series"
          chart-colors="ctrl.socialChart.colors"
          chart-options="ctrl.socialChart.options"&gt;&lt;/canvas&gt;      
    &lt;/body&gt;
  </code></pre>
  
  <p>And the javascript: </p>
  
  <pre><code>angular.module('myApp', ['chart.js'])
  
      .controller('myController', [function() {
          var ctrl = this;
  
          ctrl.socialChart = {
              options: {
                  legend: {
                      display: true
                  }
              },
              labels: ['2012'],
              series: ['FACEBOOK', 'GOOGLE', 'TWITTER', 'INSTAGRAM'],
              // colors: ['rgba(237, 64, 42, 1)', 'rgba(240, 171, 5, 1)', 'rgba(160, 180, 33, 1)', 'rgba(0, 163, 159, 1)'],
              colors: ['#ED402A', '#F0AB05', '#A0B421', '#00A39F'],
              data: [[1178], [652], [1004], [838]]
          }
      }]);
  </code></pre>
  
  <p>Here's a Plunker demonstrating it: <a href="https://plnkr.co/edit/1o8waDHaBiFTQcYE1JDG?p=preview" rel="noreferrer">Plunker</a></p>
  
  <p>I've found lots of information about using rgba notation (which for some reason gives me the wrong colors altogether) and fillColor (which I can't get working at all). It's hard to tell what info is for version 1 or 2 of chart.js.</p>
  
  <p>Any help would be appreciated.</p>