Javascript chart.js饼图背景色:有没有办法随机生成它们?

Javascript chart.js饼图背景色:有没有办法随机生成它们?,javascript,chart.js,Javascript,Chart.js,我正在使用ChartJS绘制一个饼图,其中包含数据库中的一些数据。问题是我不知道图表上会出现多少元素,所以生成背景色有点困难 有没有任何选项可以让chartjs随机生成这些颜色?没有,chartjs没有这个选项 我想你有两个选择: 如果知道最大值(例如:值不会超过10个),则可以使用10种颜色创建一个数组,并将第一种颜色指定给元素(例如:如果有5个元素,则将前5种颜色指定给它们)。例如,您可以很容易地随机化数组中指定从何处开始,以便每次仍然获得不同的颜色集 如果希望保持颜色与特定颜色主题相匹配

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


有没有任何选项可以让chartjs随机生成这些颜色?

没有,chartjs没有这个选项

我想你有两个选择:

  • 如果知道最大值(例如:值不会超过10个),则可以使用10种颜色创建一个数组,并将第一种颜色指定给元素(例如:如果有5个元素,则将前5种颜色指定给它们)。例如,您可以很容易地随机化数组中指定从何处开始,以便每次仍然获得不同的颜色集

    如果希望保持颜色与特定颜色主题相匹配,则此方法很好

  • 如果你不关心一个颜色主题,我想最简单的方法就是。使用此功能,您只能希望不会得到两次相同的颜色(非常不可能):

函数getRandomColor(){ 变量字母='0123456789ABCDEF'; var color='#'; 对于(变量i=0;i<6;i++){ 颜色+=字母[Math.floor(Math.random()*16)]; } 返回颜色; }
log(getRandomColor())否,chartjs不附带此选项

我想你有两个选择:

  • 如果知道最大值(例如:值不会超过10个),则可以使用10种颜色创建一个数组,并将第一种颜色指定给元素(例如:如果有5个元素,则将前5种颜色指定给它们)。例如,您可以很容易地随机化数组中指定从何处开始,以便每次仍然获得不同的颜色集

    如果希望保持颜色与特定颜色主题相匹配,则此方法很好

  • 如果你不关心一个颜色主题,我想最简单的方法就是。使用此功能,您只能希望不会得到两次相同的颜色(非常不可能):

函数getRandomColor(){ 变量字母='0123456789ABCDEF'; var color='#'; 对于(变量i=0;i<6;i++){ 颜色+=字母[Math.floor(Math.random()*16)]; } 返回颜色; } log(getRandomColor())