Générateur de set de couleurs

Génération de couleurs pour graphiques

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonjour à tous :)

J'ai récemment commencé à développer un système ultra-basique d'analytics. L'interface de visualisation est en gros composée de quelques graphiques, dessinés à l'aide de Chart.js.

Le truc est que Chart.js ne colore pas automatiquement ses graphiques, et que du coup les tranches des Pie Charts étaient toutes de la même couleur.

J'ai donc développé une fonction JS simple qui génère un set basique de couleurs, en fonction du nombre d'éléments voulu :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
function createColorSet(number) {
    var colors=[],
        step=3*256/(number+1),
        cs=0,
        g;
    for(var i=0;i<number;i++) {
        cs=i*step;
        colors[i]=[];
        colors[i].r=Math.round(cs%256);
        colors[i].g=Math.round(cs/3);
        b=256-cs;
        while(b<0)
            b=b+256;
        colors[i].b=Math.round(b);
    }
    return colors;
};

Ce qui me donne un résultat plutôt suffisant pour entre 5 et 15 éléments, un peu moins sinon.

Je voudrais savoir :

  • ce que vous pensez de ma fonction
  • et si vous connaissez des fonctions, déjà existantes, qui remplissent mieux l'office

Merci !

Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte