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

qncylg1j 于 2022-11-07 发布在 Chart.js

关注(0)|答案(2)|浏览(202)

我在一个项目中使用了许多包含两个数据值的饼图和圆环图。由于图表扇区从顶部开始顺时针旋转，标签看起来是颠倒的，这让我很恼火：在它所表示的数据的相反侧。

是否有简单的方法可以反转标签顺序，或反转图表以逆时针方向运行？

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

chart.js

来源：https://stackoverflow.com/questions/44952396/how-to-reverse-chart-js-label-order

2条答案

按热度按时间

lsmepo6l1#

我认为您要寻找的是图例下的reverse选项，该选项将以相反顺序显示数据集
http://www.chartjs.org/docs/latest/configuration/legend.html?h=reverse

赞(0）回复(0）举报 2022-11-07

9o685dep2#

尝试在Chart对象中通过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/

赞(0）回复(0）举报 2022-11-07

我来回答

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

2条答案

相关问题

热门标签

最新问答