Как изменить прозрачность цвета в rgba с помощью Math.random в JS?

Question

[Mikhail Rerberg]

Я построил гистограмму из четырех колонок (что гистограмма выводит не имеет значения). Колонка пользователя красная, колонки других пользователей - синие, но с разным уровнем прозрачности. Наставник сказал, что лучше реализовать это через Math.random.

Вот кусок кода,касающийся этой проблемы:

https://jsfiddle.net/NooNoo1488/3hcwppey/4/

Answer 1

[Exploding]

Сгенерить число от 0 до 1 и указать вместо 1 (той что в конце самом).
Но лучше наверное не от 0, а от 0.3 где-то, иначе если рандом будет меньше этого значения - надпись не будет видно практически.

Но на практике - это плохо будет работать, т.к. у двух надписей, или что там у вас будет, если к примеру значения альфа-канала будут в небольшом разбросе - визуально не будет видно отличий между элементами.
Если и использовать прозрачность для вывода информации, то только в пределах предопределенных значений.
А рандомом можно например, выбирать случайно элемент массива вариантов прозрачности.

Comments

[Mikhail Rerberg]

Дело в том, что определение цвета столбцов забито в цикл,каждый столбец со своей прозрачность и каждый раз a будет разной.

var blueColor = 'rgba(0, 0, 255, 1)' и как сюда можно впилить сгенерированное число?

Как должно выглядеть

screenshot.su/show.php?img=2412b068bb9d4df458918d3...

[Exploding]

Ну так например как-то:
var blueColor = 'rgba(0, 0, 255, '+alphaVal+')';

Answer 2

[akavato]

Зачем Math.random когда реально, тебе нужен массив со значениями 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1. Вот и сделай рандом из этого массива.