创建一些弧度超过 180 度的饼图答案

【问题标题】：Creating pie chart with some arcs more than 180 degrees创建一些弧度超过 180 度的饼图
【发布时间】：2013-11-28 09:35:49
【问题描述】：

我正在从此处提供的代码http://jbkflex.wordpress.com/2011/07/28/creating-a-svg-pie-chart-html5/ 中获取帮助来创建饼图。但问题是，如果我用 0 替换其中的一些值。或者给出较大的值，角度会变得超过 180，并且图表看起来很奇怪，就像这里给出的 fiddle 一样。此处给出了弧的 x2 和 y2 值

    x2 = parseInt(200 + 180 * Math.cos(Math.PI * endAngle / 180), 10);
    y2 = parseInt(200 + 180 * Math.sin(Math.PI * endAngle / 180), 10);

我可以带来一些改变吗？一些关于创建超过 180 度角的弧的有用技巧将不胜感激！

【问题讨论】：

标签： javascript svg charts raphael trigonometry

【解决方案1】：

如果角度 > 180，则需要将 largeArc 标志设置为 1。像这样改变你的小提琴...

var d = "M200,200  L" + x1 + "," + y1 + "  A180,180 0 " + ((endAngle - startAngle > 180) ? 1 : 0) + ",1 " + x2 + "," + y2 + " z"; //1 means clockwise

【讨论】：

谢谢！一如既往地找到解决方案@Robert Longson！