Динамические диаграммы VueJS Цвета

Question

Учитывая гистограмму с двумя наборами данных. Как я могу дать каждому бару свой цвет?

svg.selectAll(".bar") 
    .data(data) 
    .enter().append("rect") 
    .style("fill", function(d,i) { console.log(i.fill) } // <- first red, second blue 

Answer 1

Я слишком ленив, чтобы создать демо для того, что я думаю, что мог бы работать, но я полагаю, вы хотите массив цветов, как:

var colors = ['red', 'blue']; 

то в вашей функции обратного вызова для fill вы можете сделать так:

return colors[i % colors.length]; 

Если я правильно предполагая i является индексом для bar вы находитесь.