我用谷歌搜索了这个问题，只得到了Highcharts或D3图的一些答案。
此演示适用于Highcharts：http://jsfiddle.net/sJfuA/22/
此外，我在此处找到了一个示例：http://pentaho-bi-suite.blogspot.com/2014/08/dual-level-pie-chart-in-pentaho-cde.html，但我无法调整代码以符合我的目的。
我创建了一个带有扩展点选项的饼图：
slice_innerRadiusEx: 50%
与此演示非常相似：http://jsfiddle.net/make_dream/sugmyyto/，然后我尝试将数字放在饼图的中心（参见上一个演示，在白色区域中）。
我想要的几乎与此图表相同：http://bl.ocks.org/ckuijjer/6929969，但在第二个jsfiddle演示中使用代码片段实现。
答案 0 :(得分：0)
我不认为可以通过CCC配置或扩展点完成。
人们通常做的是创建一个圆环图，中间有一个预定义的空白区域，在它上面添加一个div，例如使用文本组件，将您想要的甜甜圈中心的任何文本追加到该div。
中心文字实际上并不是甜甜圈的一部分，它是由一个单独的组件添加的。然后，仔细制作你的CSS，将文本与甜甜圈的中心对齐，不要让它溢出容器。