如何反转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

Answer 2

尝试通过图表对象中的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/