2017-07-06 9 views
0

私は プロジェクトで2つのデータ値を持つ多くのパイとドーナツチャートを使用しています。グラフのスライスが時計回りに から始まるので、ラベルは反転して見えることになります。反対側の のデータがそれを表します。Chart.jsのラベルの順序を元に戻す方法は?

Chart.js Doughtnut Chart

ラベルの順序を逆に、または 実行を反時計回りにグラフを逆にする簡単な方法はありますか?

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)', 
     ], 
     }, 
    ] 
    } 
}); 
+0

は多分これは役立ちます逆の順序でデータセットを表示します伝説の下でreverseオプション? https://stackoverflow.com/questions/27992044/how-can-i-rotate-a-pie-chart-in-charts-js – mkaatman

+0

ありがとう@mkaatman助けてください。しかし、明らかに私が探していた正確な選択肢が存在するので、以下の答えを確認してください。 – sidyll

答えて

1

Chartオブジェクトでrotationからoptionsを入力してみてください。

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/私はあなたが探しているものだと思い

+0

ありがとう、これは面白いですが、正確に私が尋ねたものではありません。 – sidyll

関連する問題