Sou iniciante em JavaScript usando morris.js para criar um gráfico de barras em que preciso que cada barra que contém um valor y tenha uma cor diferente. O código abaixo mostra o que eu fiz até agora

Morris.Bar({
element: 'calls-made',
data: [
{ y: 'Person A', a: 10 },
{ y: 'Person B', a: 15 },
{ y: 'Person C', a: 12 },
{ y: 'Person D', a: 20 }
],
xkey: 'y',
ykeys: ['a'],
labels: ['Calls'],
barColors: ["#B21516", "#1531B2", "#1AB244", "#B29215"],
hideHover: 'always',
});

Eu gostaria que a barra para 'Pessoa A' tivesse uma cor e, em seguida, 'Pessoa B' tivesse outra cor e assim por diante, mas no momento todas as barras estão sendo exibidas como a primeira cor na matriz. Alguém sabe se existe uma maneira de fazer isso? Muito Obrigado!