js chart.jsにおいて円グラフに色をランダムに指定する

Question

円グラフの描画でchart.jsを使用しています。
coffeeスクリプトで書いています。

rgbの色を[i]の配列ごとに違う色にし、コードにある（１）と（２）の値を同じにして
出力したいのですが、どのように、変更を加えればよろしいでしょうか？

よろしくお願いいたします。

window.draw_graph = ->
  ctx = document.getElementById("myChart").getContext('2d')
  colorNum = gon.data1.length
  bgColors = new Array(colorNum)
  bdColors = new Array(colorNum)
  for i in [0...colorNum]
    bgColors[i] = 'rgba(75, 192, 192, 0.2)'　←この色をi毎に変えたい（１）
    bdColors[i] = 'rgba(75, 192, 192, 1)'　←この色をi毎に変えたい（２）

  myPieChart = new Chart(ctx, {
    type: 'pie',
    data: {
      datasets: [{
        data: gon.data1,
        backgroundColor: bgColors,
        borderColor: bdColors,
      }]
      labels: gon.data2,
    },
    options: {}
  })

Comments

[退会済みユーザー]

要は（1）と（2）で同じ値をランダムで生成し、反映させたいと言う形でよろしいでしょうか？

[退会済みユーザー]

そうです。
周りくどい質問になってしまい、大変申し訳ありません。

Answer 1

なんか自分の環境が悪いのかChart.jsの用意ができなったので未実証です。

const r = Math.round(Math.random() * 255);
const g = Math.round(Math.random() * 255);
const b = Math.round(Math.random() * 255);
colorBox.style.backgroundColor = rgb(${r},${g},${b});

[参考元](https://sbfl.net/blog/2018/05/21/javascript-generate-better-color/#i-2)
これ使えませんかね？...

Comments

[退会済みユーザー]

'rgb(' + ~ ~(256 * Math.random()) + ', ' + ~ ~(256 * Math.random()) + ', ' + ~ ~(256 * Math.random()) + ')'

rgbをこのように設定して、そもそも一緒にしたいならbgColorとbdColorを分ける必要がありませんでした！笑

助かりました。ありがとうございます。

[退会済みユーザー]

解決してよかったです。