如何反转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)', 
     ], 
     }, 
    ] 
    } 
});

来源

2017-07-06 sidyll

也许这可以帮助？ https://stackoverflow.com/questions/27992044/how-can-i-rotate-a-pie-chart-in-charts-js – mkaatman

谢谢@mkaatman它确实有帮助。但显然我正在寻找的确切选项存在，请查看下面的答案。 – sidyll

我想你在找什么是然后在传说reverse选项，将显示数据集以相反的顺序

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

Reverse option

来源

2017-07-06 15:16:14 ckatsara

是的，那正是我想要的。谢谢！ – sidyll

很高兴能帮到你！ – ckatsara

尝试通过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/

来源

2017-07-06 15:14:21

谢谢，这很有趣，但它不完全是我问的。 – sidyll

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

回答

相关问题