Pentaho CDE 教程（四）走进CDE 之 饼图高级设置

软件版本 Pentaho BIServer 5.0.1-ce

Pentaho CDE 14.03.07 (Stable)

上几篇文章写了怎么使用Pentaho CDE，这篇文章开始就和大家一起看看Pentaho CDE中各种图形的一些高级应用。第一个图形也是大家都比较熟悉的饼形图。

一、怎么让饼形图变成环形

设置参数：将Extension points增加参数slice_innerRadiusEx并将其值设置成一个数字（这个数字指定空心部分所占的比例设置越大圆环越细）

设置后的效果如图：

二、设置鼠标放上去有弹出效果

当鼠标放到饼形图的一部分时让此部分向外弹出

设置参数：将饼形图的hoverable设置为true

设置后的效果如图：
 

 三、设置不显示说明

有时候我们不希望显示对饼形图的每部分的说明

设置参数：将legend 设置为false 或者legendVisible设置为False

效果如图：

当legend 设置为true时：

当legend 设置为false时：

还有其它一些属性用来设置说明样式的大家可以试一下（前提是当legend 设置为true）

legendAlign:取值：Bottom、Center、Left、Middle、Right、Top

legendClickMode：取值：None,ToggleSelected,ToggleVisible

legendDrawLine:取值：True、False

legendDrawMarker:取值：True、False

legendFont：取值：字号+字体 （例：10px sans-serif）

legendItemPadding：取值：数值（例：2.5）

legendItemSize：取值：数值（例：100）

legendShape:取值：Bar、Circle等

四、设置不显示Series

饼形图的数据只能是两列即：category和value。而Series总是显示如果你不想让它显示可以如下设置

设置参数：将Post Fetch设置以下处理函数：

function f(data) {
   //这里用到了dimensions 这部分将在以后的文章中讲解

  //如果你有兴趣可以参考 http://www.webdetails.pt/ctools/charts/jsdoc/symbols/pvc.options.charts.Chart.html#dimensions
    this.chartDefinition.dimensions = {
        series:     {isHidden: true}       
    };

    return data;
}

效果如图：

设置前：

 设置后：

 

 这里只列出了饼形图的一些常用设置，如果你想更深入的了解饼形图的其它属性是怎么设置的你可以参考Pentaho CDE 的官方文档 http://www.webdetails.pt/ctools/charts/jsdoc/

 

本人接触Pentaho时间不长如果文中有错误望高手指出谢谢！

如果对文中有疑问请联系我

我的Email：[email protected]

我的博客：http://alenzhai.iteye.com/

下期预告：Pentaho CDE 组件使用说明——柱形图

 

另外也欢迎大家加入 下面的群来聊一聊 开源BI那些事！