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/