pentaho - 在 pentaho ccc 圆环图的中心添加文本

Question

我用谷歌搜索了这个问题，只得到了一些关于 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 演示中的代码片段来实现。

score 0 · Accepted Answer

我认为这不能通过 CCC 配置或扩展点来完成。

人们通常做的是创建一个圆环图，其中心有一个预定义的空白区域，在其顶部添加一个 div，例如，使用文本组件，将您想要在圆环中心的任何文本附加到该 div。

中心文本实际上并不是甜甜圈的一部分，它是由一个单独的组件添加的。然后仔细设计你的 CSS 以使文本与甜甜圈的中心对齐，并且不让它溢出它的容器。