如何反转 Chart.js 标签顺序?

sid*_*yll 4 javascript charts chart.js

我在一个项目中使用了很多带有两个数据值的饼图和圆环图。真让我烦恼的是,由于图表切片从顶部顺时针方向开始,标签最终看起来是相反的:在它代表的数据的另一侧。

Chart.js 甜甜圈图

有没有简单的方法可以反转标签顺序,或者反转图表以逆时针运行?

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)',
        ],
      },
    ]
  }
});
Run Code Online (Sandbox Code Playgroud)

小智 7

我认为您正在寻找的是reverse图例下的选项,它将以相反的顺序显示数据集

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

在此处输入图片说明