如何在Chart.js中为折线图设置随机差异化颜色？

你当前的核心问题是所有折线共用了同一个随机颜色——因为randomColor()在map循环外只执行了一次，生成的颜色被所有数据集复用，导致折线无法区分。

只需把随机颜色的生成逻辑移到map回调内部，让每个数据集单独生成专属颜色即可：

const datasets = Object.keys(this.aux).map(key => {
  // 每个数据集独立生成随机颜色
  const color = this.helpersService.randomColor()
  return {
    label: key,
    backgroundColor: color,
    borderColor: color,
    fill: false,
    data: this.aux[key].map((item) => item.monto_moneda_norm)
  }
});

修改后，每条折线都会拥有唯一的随机颜色，就能在图表中清晰区分彼此。

内容的提问来源于stack exchange，提问作者Pablo bustamante