Javascript 如何在charts.js中旋转饼图？

它看起来像是

图表中的一个饼图。js

是通过在圆的上半部分取一个垂直半径，然后从那里顺时针移动来绘制的。这在大多数情况下都很有效，但对于只有两个类别的饼图，如果可以旋转它，使切片居中，则效果会更好，如下所示：

旋转的计算方法是以360的百分比除以2<代码>（.14*360）/2=25.2左度，如果我可以申请的话

transform: rotate(-25.2deg);

我会很好

由于

charts.js

将其放在画布上（与

相反），我不知道如何对其应用任何转换。不确定是否相关，但以下是我的图表代码：

HTML

<canvas id=canvas style='width:300px;height:300px;'></canvas>

还有小提琴：

---

您可以使用CSS3进行旋转：

#canvas{
   width:300px;
   height:300px; 
   -ms-transform: rotate(-25.2deg); /* IE 9 */
   -webkit-transform: rotate(-25.2deg); /* Chrome, Safari, Opera */
   transform: rotate(-25.2deg);
}

---

您可以使用CSS3进行旋转：

#canvas{
   width:300px;
   height:300px; 
   -ms-transform: rotate(-25.2deg); /* IE 9 */
   -webkit-transform: rotate(-25.2deg); /* Chrome, Safari, Opera */
   transform: rotate(-25.2deg);
}

你可以使用

中的旋转选项

我正在使用“版本：2.1.6”

已更新

您可以使用

中的旋转选项

我正在使用“版本：2.1.6”

---

更新的

zomg我只是将旋转应用于画布本身，因为我无法操纵其内容。（facepalm！）谢谢你很乐意帮忙@chiliNUT@JRulle问题是，所有标签现在都将偏移。将鼠标悬停在饼图上，看看我的意思。没有办法旋转图表本身吗？zomg我只是将旋转应用于画布本身，因为我无法操纵它的内容。（facepalm！）谢谢你很乐意帮忙@chiliNUT@JRulle问题是，所有标签现在都将偏移。将鼠标悬停在饼图上，看看我的意思。没有办法旋转图表本身吗？这应该是正确的答案，因为它根本不是一个解决办法。这应该是正确的答案，因为它根本不是一个解决办法

var options = {
   rotation: (-0.5 * Math.PI) - (25/180 * Math.PI)
}

var Chart = new Chart(ctx,{
  type: 'pie',
  data: data,
  options: options
});