[Chartjs]-Vue ChartKick – different colours for bar chart

4πŸ‘

βœ…

It will work if you define :colors as a nested array as follows:

<column-chart 
  :data="chartData" 
  width="800px" 
  :colors="[['#0b6e00', '#006ca2', '#ff3333', '#d60001']]">
</column-chart>

enter image description here

Please have a look at the following StackBlitz

Leave a comment