Я работаю над диаграммой D3 в соответствии с макетом ниже:
Как сделать бары случайными цветами?
код:
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
Как назначить случайные цвета для диаграммы D3?
Ответ 1
d3 имеет 4 встроенных цветовых палитры.
Здесь link для встроенных цветовых палитр.
This учебник хорош в использовании конкретных цветов для определенного элемента.
Еще один tutorial Джером Кукер.
И официальный site для цветов d3.
Fiddle - Примечание: в скрипке я передал цвета, добавив цвета в данные.
Это можно сделать даже путем передачи цветов из разных переменных.
Надеюсь, что это поможет.
Ответ 2
colors = d3.scale.category20()
rects = svg.selectAll('rect')
.data(data)
.enter()
.append("rect")
.attr("class","rect")
.....#other attributes
.attr("fill",function(d,i){return colors(i)})
Ответ 3
теперь это старомодно, но это довольно хороший подход, если вам нужно N количество случайных цветов