Charts 绘制饼图

Charts 绘制饼图,charts,famo.us,Charts,Famo.us,我需要将一些数据作为输入,如: { "category1" : 200, "category2" : 153, "category3" : 310 } 并使用它显示饼图。馅饼将是一个甜甜圈(我将在甜甜圈的中间空白区域显示一些摘要文本),您可能会猜到,每个“类别”将是馅饼的一部分,具体取决于它所代表的值的总和。每件作品都会有不同的颜色,并且呈现出与其价值成比例的角度 我不知道如何与famo.us画一个圆圈,更不用说甜甜圈的弧线了。我还想单独处理每个饼上的点击事件,但我猜这不是棘手的部

我需要将一些数据作为输入,如:

{
  "category1" : 200,
  "category2" : 153,
  "category3" : 310
}
并使用它显示饼图。馅饼将是一个甜甜圈(我将在甜甜圈的中间空白区域显示一些摘要文本),您可能会猜到,每个“类别”将是馅饼的一部分,具体取决于它所代表的值的总和。每件作品都会有不同的颜色,并且呈现出与其价值成比例的角度


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

首先,可以通过对任何曲面元素应用50%的borderRadius属性,简单地创建著名的圆

说到圆弧,在Famo.us中没有办法使圆弧更容易创建。您必须查看画布或SVG

下面是一个在画布中的示例


那么,我是否必须将svg或画布的HTML添加为曲面的内容属性?您可以将其插入svg的内容属性中,因为画布更具编程性,可能必须使用类似于此示例的子类化来完成。。图形代码可以在部署函数中运行的位置。