如何反轉chart.js標籤順序？

Question

我在 項目中使用了大量具有兩個數據值的派和圓環圖。這讓我非常惱火，因爲圖表切片從 開始順時針旋轉，所以標籤最終看起來是顛倒的：在它所代表的數據的相反的一側 。

有一個簡單的辦法扭轉標籤順序，或反向圖表逆時針 運行？

new Chart(context, { 
    type: 'doughnut', 
    data: { 
    labels: [ 'Blue', 'Red' ], 
    datasets: [ 
     { 
     data: [7, 3], 
     backgroundColor: [ 
      'rgba(54, 162, 235, 0.7)', 
      'rgba(208, 54, 100, 0.7)', 
     ], 
     }, 
    ] 
    } 
}); 

Answer 1

我想你在找什麼是然後在傳說reverse選項，將顯示數據集以相反的順序

http://www.chartjs.org/docs/latest/configuration/legend.html?h=reverse

Reverse option

Answer 2

嘗試通過options在圖表對象給它rotation。

new Chart(context, { 
type: 'doughnut', 
data: { 
labels: [ 'Blue', 'Red' ], 
datasets: [{ 
      data: [7, 3], 
      backgroundColor: [ 
      'rgba(54, 162, 235, 0.7)', 
      'rgba(208, 54, 100, 0.7)', 
      ], 
     }] 
    }, 
    options: {rotation: (0.5 * Math.PI)} 
}); 

小提琴：https://jsfiddle.net/zdh7591r/