我在项目中使用了很多带有两个数据值的饼图和甜甜圈图。令我感到非常恼火的是,由于图表切片是从顶部开始顺时针方向开始的,因此标签最终看起来是相反的:在它所代表的数据的相反侧。
是否有一种简单的方法可以反转标签顺序,或反转图表以逆时针运行?
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)',
],
},
]
}
});
我认为您正在寻找的是reverse
图例下的选项,它将以相反的顺序显示数据集
http://www.chartjs.org/docs/latest/configuration/legend.html?h=reverse
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句