数字をグラフィックスに入力する

Question

ドーナッツグラフィックスに数字を入力するにはどうすればよいですか？

各要素の割合を表示する必要があります。私は今、グラフJSを見始めた、私はそれを行うことはできますか？

私はChartオブジェクトにこれらの

var ctx = document.getElementById("myChart"); 
 
var myChart = new Chart(ctx, { 
 
    type: 'doughnut', 
 
    data: { 
 
     labels: [ 
 
     "Red", 
 
     "Blue", 
 
     "Yellow" 
 
    ], 
 
    datasets: [ 
 
     { 
 
      data: [300, 50, 100], 
 
      backgroundColor: [ 
 
       "#FF6384", 
 
       "#36A2EB", 
 
       "#FFCE56" 
 
      ], 
 
      hoverBackgroundColor: [ 
 
       "#FF6384", 
 
       "#36A2EB", 
 
       "#FFCE56" 
 
      ] 
 
     }] 
 
    }, 
 
    options: { 
 
     scales: { 
 
      yAxes: [{ 
 
       ticks: { 
 
        beginAtZero:true 
 
       } 
 
      }] 
 
     } 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script> 
 
<canvas id="myChart" width="400" height="200"></canvas>

Answer 1

するときは、入力データを同様に表示したいと思い、あなたは割合になるようにデータ配列を変更することができます。たとえば：

original_data=[300, 50, 100]; 
var data=[]; 
var total=300+50+100 //You can also calculate the total sum with another for loop... 
for(var i = 0; i < original_data.length;i++){ 
    data[i]=original_data[i]/total*100; 
} 

私はそれが最も美しい答えではないのですが、それは動作します...

ことを知っています