title: Vue ChartKick - different colours for bar chart
body: <p>I use a vertical bar chart and I want to specify different colors for each bar:</p>
  
  <p>main.js</p>
  
  <pre><code>import Chartkick from 'vue-chartkick';
  import Chart from 'chart.js';
  Vue.use(Chartkick.use(Chart));
  </code></pre>
  
  <p>File.vue</p>
  
  <pre><code>&lt;column-chart :data="chartData" width="800px" :colors="['#0b6e00', '#006ca2', '#ff3333', '#d60001']"&gt;&lt;/column-chart&gt;
  </code></pre>
  
  <p>But only the first color is used and all bars have the same colour.</p>
  
  <p><a href="https://i.stack.imgur.com/f1ANq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f1ANq.png" alt="enter image description here"></a></p>
  
  <p>I tried to pass a <code>:library</code> attribute with backGround colour parameter as well without luck. Line chart accepts different colours.</p>