Benutzerdefinierte Datenposition auf dem Donut-Diagramm in chart.js

Question

Gibt es eine Möglichkeit, die Position der Daten anzupassen, die ich im Donut-Diagramm anzeigen möchte? Der Standardwert ist, dass das erste Element im Datenarray auf 0 Deegres gesetzt wird. Ich möchte, dass es in meiner benutzerdefinierten Position platziert wird, da ich versuche, eine Uhr-bezogene App zu erstellen.

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

Experiment mit der rotation Option:

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

Der Wert oben (-0.5 * Math.PI) verwendet wird, ist der Standardwert. Ein Wert von 0 dreht den Donut um 90 ° im Uhrzeigersinn. Sie benötigen einen Wert zwischen 0.5 * Math.PI und 1.0 * Math.PI in Ihrem Fall. Mehr unter docs.