在pentaho ccc甜甜圈图表的中心添加文本
我用谷歌搜索了这些问题,只得到了一些关于Highcharts或D3图的答案 此演示适用于Highcharts: 另外,我在这里找到了一个例子:在pentaho ccc甜甜圈图表的中心添加文本,pentaho,pie-chart,pentaho-cde,Pentaho,Pie Chart,Pentaho Cde,我用谷歌搜索了这些问题,只得到了一些关于Highcharts或D3图的答案 此演示适用于Highcharts: 另外,我在这里找到了一个例子:http://pentaho-bi-suite.blogspot.com/2014/08/dual-level-pie-chart-in-pentaho-cde.html,但我无法调整代码以符合我的目的 我的用例 我创建了一个带有扩展点选项的饼图: slice_innerRadiusEx: 50% 这和这个演示非常相似:,然后我试着把数字放在饼图的中心(
http://pentaho-bi-suite.blogspot.com/2014/08/dual-level-pie-chart-in-pentaho-cde.html
,但我无法调整代码以符合我的目的
我的用例
我创建了一个带有扩展点选项的饼图:
slice_innerRadiusEx: 50%
这和这个演示非常相似:,然后我试着把数字放在饼图的中心(见前面的演示,在白色区域)
我想要什么
我想要的与此图表几乎相同,但在第二个JSFIDLE演示中使用代码段实现。我认为这不能通过CCC配置或扩展点实现 人们通常要做的是创建一个甜甜圈图表,中间有一个预定义的空白,在上面添加一个div,例如,使用文本组件,将甜甜圈中心的任何文本附加到该div
中心文本实际上不是甜甜圈的一部分,它是由一个单独的组件添加的。然后,您需要精心制作CSS,使文本与甜甜圈的中心对齐,并且不允许其溢出容器。谢谢。我听从了你的建议,试着在油炸圈饼的中间放一段文字,但运气不好。您可以在这里尝试一下:在chart div元素的顶部附加一个div;使用CSS使其在图表上浮动并对齐。对不起,我不能花时间帮你做那件事。