famo.us：绘制饼图

Question

我需要将一些数据作为输入，例如：

{
  "category1" : 200,
  "category2" : 153,
  "category3" : 310
}

并用它来显示一个饼图。馅饼将是一个甜甜圈（我将在甜甜圈的空白中心区域显示一些摘要文本），并且您可能会猜测每个“类别”将是馅饼的一部分，具体取决于总和的多少它所代表的价值。每一块都是不同的颜色，并占据与其价值成正比的角度。

我不知道如何用 famo.us 画一个圆，更不用说甜甜圈的弧线了。我还想单独处理每块饼上的点击事件，但我猜这不是棘手的部分。谢谢！

Answer 1

首先，只需将 50% 的borderRadius 属性应用于任何 Surface 元素即可制作著名的圆。

对于弧线，Famo.us 中没有任何方法可以让弧线更容易创建。您将不得不查看画布或 SVG..

这是画布中的一个示例..

http://wickedlysmart.com/how-to-make-a-pie-chart-with-html5s-canvas/