chart.jsのドーナツチャートのカスタムデータ位置

Question

ドーナツチャートに表示したいデータの位置をカスタマイズする方法はありますか？ デフォルトでは、データ配列の最初の項目は0デグレに配置されます。私はクロック関連のアプリを作ろうとしているので、カスタムポジションに配置したいと思っています。 rotationオプションと

this.doughnutChart = new Chart(this.doughnutCanvas.nativeElement, { 

     type: 'doughnut', 
     data: { 
     labels: this.titles, 
     datasets: [{ 
      label: '# of Votes', 
      data: this.times, 
      backgroundColor: [ 
      'rgba(255, 99, 132, 0.5)', 
      'rgba(54, 162, 235, 0.5)' 
      ], 
      hoverBackgroundColor: [ 
      "#FF6384", 
      "#36A2EB" 
      ] 
     }] 
     }, 
     options: { 
     legend: { 
      display: false 
     } 
     } 
    }); 

Answer 1

実験：（-0.5 * Math.PI）上記で使用

options: { 
    rotation: -0.5 * Math.PI 
} 

値がデフォルト値です。 0の値は、ドーナツを時計回りに90°回転させます。あなたのケースでは0.5 * Math.PIと1.0 * Math.PIの間の値が必要です。 docsの詳細