如何设置g.raphaeljs饼图方向或起点？

Question

默认情况下,g.raphaeljs饼图显示从图表顶部沿两个方向均匀延伸的最大值,顺时针显示较小的值.

在下图中,最大值(1)从大约7点开始.我希望从12点开始显示最大的价值,怎么办呢？

Answer 1

好的,找到它(并且它可以100%工作)...在这里:添加了opts.startFromFixedAngle,所以第一个饼图片将开始绘画......

这是我刚刚做的一个工作的jsfiddle:g raphael pie,起始角度设置为90

不要忘记使用新参数 startFromFixedAngle

这是代码......

将以下内容应用于您的 g.pie.js

更换

 angle = 0,

同

 angle = opts.startFromFixedAngle || 0,

去掉

 var mangle = angle - 360 * values[i] / total / 2;
 if (!i) {
     angle = 90 - mangle;

加

 var mangle;
 if (opts.startFromFixedAngle)
     mangle = angle + 360 * values[i] / total / 2;
 else {
     mangle = angle - 360 * values[i] / total / 2;
     if (!i) {
         angle = 90 - mangle;
         mangle = angle - 360 * values[i] / total / 2;
     }