Question

我使用chartJs和循环有一个javascript问题我试图为每个渲染的database_set获取不同的颜色，但由于某种原因，它每次都呈现相同的颜色

这是我的代码，如果你可以看一下;）

function getRandomColor() {
      var letters = '0123456789ABCDEF'.split('');
      var color = '#';
      for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;

var datasetValue = [];
for (var j=0; j<team_member_count; j++) {
    datasetValue[j] = {
        backgroundColor: getRandomColor,
        label : name[j],
        data : info_data,
    };
}
var looped_data = datasetValue


var info_process = new Chart(ctx2,{
  type: 'radar',
  data: {
    labels: labels_info,
    datasets: looped_data
        },
    options: {
       scale: {display: true,
               ticks: {
                 beginAtZero: true,
 }
              },
       responsive:true,
       maintainAspectRatio: true,
      }
});

Answer 1

应该为backgroundColor属性分配某种字符串。您正在为其分配功能。

我认为你想要调用函数的字符串结果。

所以这个：

backgroundColor: getRandomColor,

应该是：

backgroundColor: getRandomColor(),

使用ChartJs和循环的随机颜色循环

1 个答案: