软件版本 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 组件使用说明——柱形图