chart.js饼形图背景色:有任何方法随机生成它们吗？

Question

我使用图表JS用数据库中的一些数据绘制饼形图。问题是我不知道图表上会出现多少个元素，所以生成背景色有点困难。

有没有任何选项可以让图表js随机生成这些颜色？

Answer 1

不，chartjs没有这个选项。

我想你有两个选择：

• 如果您知道一个最大值(Ex:不会超过10个值)，那么您可以创建一个10种颜色的数组，并将第一种颜色分配给您所拥有的元素(Ex:如果您有5个元素，那么将前5个颜色分配给它们)。例如，您可以很容易地将数组中的赋值开始的位置随机化，以便每次仍然获得不同的颜色集。 如果要保留颜色以匹配特定的颜色主题，则此方法很好。
• 如果您不关心颜色主题，我认为最简单的就是generate the colors randomly。使用此功能，您只能希望不会得到两倍相同的颜色(非常不可能)：

​

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

console.log(getRandomColor());

​