chart.js의 두 가지 음색 pie chart

Question

screenshot에 따라 chart.js 원형 차트의 한 섹션에서 두 가지 음색 효과를 경험 한 사람이 있습니까? 이 문제를 해결하는 방법

어떤 생각? 그것은 항상 나타나지 않습니다. 성별 비율을 표시하는 간단한 파이 차트입니다.

죄송합니다. 코드를 포함하는 것을 잊었습니다.

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

난 그냥 JS 바이올린 쳐다 보면서 차트 JS 스크립트 링크가 나를 위해 일한 교체. CDNJS에서 2.4.0 대신 2.7.0 버전을 사용했습니다.

두 라이브러리 중 하나가 필요하다고 확신하지 않습니다. 단지 https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.min.js을 사용하면 충분합니다.

희망이 도움이됩니다.