charts - famo.us：绘制饼图

Question

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

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

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

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

Answer 1

其一，著名的圆可以简单地通过将 50% 的边界半径属性应用于任何 Surface 元素来制作。

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

这是画布中的一个示例。

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