Deux tons de couleurs dans le graphique à secteurs de chart.js

Question

Avez-vous déjà ressenti l'effet de deux tons dans une section du graphique à secteurs chart.js, selon la capture d'écran?

Toute idée comment résoudre ce problème? Il n'apparaît pas tout le temps. Ceci est un graphique à secteurs simple pour afficher le pourcentage de genre.

Désolé, j'ai oublié d'inclure les codes.

JSFIDDLE LINK

var xitems = ['male','female']; 
    var yitems = [478,522]; 
    new Chart(document.getElementById("chartcanvas"), { 
        type: 'pie', 
        data: { 
         labels: xitems, 
         datasets: [ 
         { 
          data: yitems, 
          backgroundColor: ["#8DB6CD","#FFB6C1","#DC143C","#800080","#0000FF","#00C5CD","#00EE00","#FFFF00","#FFD700","#FFA500","#8B5A00","#FF4500","#FA8072","#FF3E96", 
          "#BA55D3","#191970","#00FF7F","#B7B7B7","#000000","#006400","#ADFF2F","#EEEE00","#3D59AB","#AB82FF","#CDB5CD","#FF69B4", 
          "#FF0000"], 
          fill: false 
         } 
         ] 
        }, 
        options: { 
         tooltips: { 
          enabled: false, 
         }, 
         showPercentage: true, //Enables percentages on the pie 
        } 
       }); 

Answer 1

Je viens de regarder la JS Fiddle et en remplaçant les liens de script graphique JS travaillé pour moi. J'ai utilisé la version 2.7.0 au lieu de 2.4.0 de CDNJS.

Je ne suis pas sûr que vous ayez besoin des deux bibliothèques. Juste en utilisant https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.min.js devrait suffire.

Espérons que cela aide.