Chartjs 내부 seperation에

Question

내가 파이 차트 그리기에 도움이 필요 자바 스크립트

var ctx = document.getElementById('FailingChart').getContext('2d'); 
    var myChart = new Chart(ctx, { 
     type: 'pie', 
     segmentShowStroke: true, 

     data: { 
      labels: ["PASS","FAIL"], 
      datasets: [{ 
       backgroundColor: [ 


       "Red", "#2ecc71", 
       ], 
       data:[[5,8,6,5],76] 
      }] 
     }, 

     animation: { 
      animateScale: true, 
     } 
    }); 

    var legend = myChart.generateLegend(); 
    $("#legend").html(legend); 
</script> 

그러나 didnt 한 일

두 개의 레이블에서 재판이

enter image description here

같은 복제해야 76 % 및 24 % 24 %가되어야합니다. 다양한 5,8,6,5로 분할

어떤 생각?

Answer 1

Solved this scenario by adding multiple dataset for pie chart 
Code: 
var chartData = { 
      labels: [], 
      datasets: [{ 
       label: ["Fail", "Pass"], 

       data: [24, 76], 
       backgroundColor: [ 
        "#FF0000", 
       "#90EE90" 
       ], 

      }, { 
       label: ["C1", "C2", "C3", "C4", "C5", "C6", "C7", "Total"], 

       data: [0.5, 0.12, 0.25, 0.40, 0.22, 0.36,5.6], 
       backgroundColor: [ 
        "#766757", 
        "#FCB441", 
        "#E0400A", 
        "#056492", 
        "#BFBFBF", 
        "#1A3B69", 
        "#90EE90" 
       ], 

      }] 
     }; 
     var options = { 

      legend: false, 


     } 
     var pieChart = new Chart(ctx, { 
      type: 'pie', 
      data: chartData, 
      options: options 



     });