pentaho cde 画图参数介绍
程序员文章站
2022-05-11 16:19:25
...
初步接触pentaho，由于在国内的资料很少，唯有看英文文档，做了N次反复尝试，挖掘了pentaho CDE中画图的一些基本参数。
下面就列出来了一些常用参数介绍：
crosstabMode：表明如果数据源是交叉表的格式,反之为关系格式。
为true的时候能显示多种对比数据
//pie chart
selectable:说明图表的视觉元素是否能被用户选择
hoverable：鼠标移动上去突出并且高亮显示
tooltipClassName： 提示
tooltipOpacity：提示透明度
legend：主图表的图例说明（默认为false）
legendShape: 形状
legendSize: 宽度
legendArea_fillStyle: 填充样式颜色
legendFont: 文字大小，字体legendPosition：图例说明位置
legendTextMargin:图例说明文字和图表之间的间隔
animate：渲染窗口，是否以动画状态展开 interactive为true的时候生效
interactive：和用户交互（弹窗，tips，高亮，可选，点击，双击）
explodedSliceIndex：向外扩散的索引
explodedSliceRadius：切片半径（大了会向外扩散）
extensionPoints：扩展属性
slice_innerRadiusEx：切片内部半径
slice_strokeStyle：切片画图的颜色（也就是边框颜色）
valuesFont：指标文字样式
valuesVisible：指标文字显示与否
valuesLabelStyle: 文字显示位置
valuesMask: "{category}"显示文字属性样式
valuesOverflow: 'trim',当超过边缘时隐藏或显示属性值（inside时可用）
valuesOptimizeLegibility: 字体易读性的最佳化。在某些字体，某些字号（不能太大）的情况下，能看出分别来。
valuesNormalized：标准化
//bar charts
//Cartesian axes
orientation：排列方向（水平，垂直）
axisGrid：轴网格显示与否
axisLabel_font:轴部字体
axisGrid_strokeStyle:轴网格画笔颜色
axisOffset：轴部网格数量
orthoAxisOffset：正交坐标图的偏移量
continuousAxisTicks_strokeStyle：坐标轴齿轮颜色
baseAxisLabel_textAngle：轴底部文字方向
baseAxisLabel_textAlign：轴底部文字方向
baseAxisLabel_textBaseline：轴底部文字方向
stacked：柱子是否叠加
barStackedMargin:柱子叠加间隔距离
orthoAxisFixedMax：Y轴的最大值
orthoAxisLabelSpacingMin：Y轴空间间隔最小值
axisRule_strokeStyle：坐标系的颜色
baseAxisTooltipAutoContent：坐标值的tips
baseAxisTicks：
colors：柱体颜色
color2AxisColors：线形图颜色
rubberBand_strokeStyle: 'RGB(220,20,60)',
rubberBand_fillStyle: 'rgba(0,0,0, 0.1)',
rubberBand_lineWidth: 5.5,
plotFrameVisible: false,图形周围的框架是否显示
timeSeries：数据合并
timeSeriesFormat: '%Y-%m-%d-%H',数据序列化
plot2：二次视图的开关
plot2Series：系列视觉中的关键值，即在二次图中所示
plot2OrthoAxis: 2,正交笛卡尔轴的索引，1,2,3（第几列作为第二视图的数据）
plot2NullInterpolationMode: 'Zero', 二次线形图点为空的时候虚线填充
plot2Line_lineWidth: 2,//线的宽度
plot2Dot_shapeSize: 7,//点的形状大小
orthoAxisGrid:true 正轴的十字交叉，显示纵轴刻度线
baseAxisGrid:true 显示横轴的刻度线
areasVisible:true 折线图下部分填充区域颜色
hoverable:true 鼠标移上是否突出显示
readers：tooltips属性列表的列，可以是逗号分隔的字符串，一般情况下是数组
//Trend plot 趋势图
trendType: 'moving-average',//趋势图类型
trendAreasVisible: false,//区域显示与否
trendColorAxis: 3,//趋势颜色？
trendLine_interpolate: 'cardinal',
trendArea_interpolate: 'cardinal',
plot_fillStyle：点图填充背景色
dot_shape：点的形状
dot_fillStyle：点的填充颜色
dot_strokeStyle：点边框的颜色
dot_shapeRadius：点的半径（大小）
baseAxisLabel_textStyle：轴部文字的颜色
baseAxis_fillStyle：轴部文字的填充色
orthoAxisLabel_textAlign：底部字体的位置
dataCategoriesCount：列分组
readers:一个尺寸名称列表加载相应的逻辑列表。
visualRoles：视觉中的属性，指派category和value的值
dataMeasuresInColumns：列数据或行数据
isMultiValued：是否为多重数据，为true时结果不累加
这个主要是控制tooltips显示参数的
dimensions: {
// Explicitly define the "measure" dimension
// (change the defaults that would otherwise take effect)
//轴部说明文字的改变
measure: {
// Hide "measure" from the tooltip
isHidden: true,
// Fine tune the labels
formatter: function(v) {
switch(v) {
case 'Count': return "Count";
case 'AvgLatency': return "Avg. Latency";
}
return v + '';
}
}
},
//轴部文字间隔符
legend: {
scenes: {
item: {
value: function() {
var valueVar = this.base();
// Add the measure label to
// the "value" variable's label
valueVar.label += " /? " + this.firstAtoms.measure;
return valueVar;
}
}
}
},
//更改tooltips的属性名称
function (){
this.chartDefinition.dimensions={
category:{label:'名称'},
value:{label:'值'},
series:{isHidden: true},
measure:{isHidden: false,
formatter: function(v) {
switch(v) {
case 'Count': return "数量";
case 'AvgLatency': return "Avg. Latency";
}
return v + '111';
}}
}
}
function (){
this.chartDefinition.dimensions={
category:{label:'分数段'},
value:{label:'人数'},
series:{isHidden: true},
}
}
实在是不好排版，ctrl +f 很方便拉
博客地址：http://qiaoyihang.iteye.com/
转载请注明出处，谢谢！
下面就列出来了一些常用参数介绍：
crosstabMode：表明如果数据源是交叉表的格式,反之为关系格式。
为true的时候能显示多种对比数据
//pie chart
selectable:说明图表的视觉元素是否能被用户选择
hoverable：鼠标移动上去突出并且高亮显示
tooltipClassName： 提示
tooltipOpacity：提示透明度
legend：主图表的图例说明（默认为false）
legendShape: 形状
legendSize: 宽度
legendArea_fillStyle: 填充样式颜色
legendFont: 文字大小，字体legendPosition：图例说明位置
legendTextMargin:图例说明文字和图表之间的间隔
animate：渲染窗口，是否以动画状态展开 interactive为true的时候生效
interactive：和用户交互（弹窗，tips，高亮，可选，点击，双击）
explodedSliceIndex：向外扩散的索引
explodedSliceRadius：切片半径（大了会向外扩散）
extensionPoints：扩展属性
slice_innerRadiusEx：切片内部半径
slice_strokeStyle：切片画图的颜色（也就是边框颜色）
valuesFont：指标文字样式
valuesVisible：指标文字显示与否
valuesLabelStyle: 文字显示位置
valuesMask: "{category}"显示文字属性样式
valuesOverflow: 'trim',当超过边缘时隐藏或显示属性值（inside时可用）
valuesOptimizeLegibility: 字体易读性的最佳化。在某些字体，某些字号（不能太大）的情况下，能看出分别来。
valuesNormalized：标准化
//bar charts
//Cartesian axes
orientation：排列方向（水平，垂直）
axisGrid：轴网格显示与否
axisLabel_font:轴部字体
axisGrid_strokeStyle:轴网格画笔颜色
axisOffset：轴部网格数量
orthoAxisOffset：正交坐标图的偏移量
continuousAxisTicks_strokeStyle：坐标轴齿轮颜色
baseAxisLabel_textAngle：轴底部文字方向
baseAxisLabel_textAlign：轴底部文字方向
baseAxisLabel_textBaseline：轴底部文字方向
stacked：柱子是否叠加
barStackedMargin:柱子叠加间隔距离
orthoAxisFixedMax：Y轴的最大值
orthoAxisLabelSpacingMin：Y轴空间间隔最小值
axisRule_strokeStyle：坐标系的颜色
baseAxisTooltipAutoContent：坐标值的tips
baseAxisTicks：
colors：柱体颜色
color2AxisColors：线形图颜色
rubberBand_strokeStyle: 'RGB(220,20,60)',
rubberBand_fillStyle: 'rgba(0,0,0, 0.1)',
rubberBand_lineWidth: 5.5,
plotFrameVisible: false,图形周围的框架是否显示
timeSeries：数据合并
timeSeriesFormat: '%Y-%m-%d-%H',数据序列化
plot2：二次视图的开关
plot2Series：系列视觉中的关键值，即在二次图中所示
plot2OrthoAxis: 2,正交笛卡尔轴的索引，1,2,3（第几列作为第二视图的数据）
plot2NullInterpolationMode: 'Zero', 二次线形图点为空的时候虚线填充
plot2Line_lineWidth: 2,//线的宽度
plot2Dot_shapeSize: 7,//点的形状大小
orthoAxisGrid:true 正轴的十字交叉，显示纵轴刻度线
baseAxisGrid:true 显示横轴的刻度线
areasVisible:true 折线图下部分填充区域颜色
hoverable:true 鼠标移上是否突出显示
readers：tooltips属性列表的列，可以是逗号分隔的字符串，一般情况下是数组
//Trend plot 趋势图
trendType: 'moving-average',//趋势图类型
trendAreasVisible: false,//区域显示与否
trendColorAxis: 3,//趋势颜色？
trendLine_interpolate: 'cardinal',
trendArea_interpolate: 'cardinal',
plot_fillStyle：点图填充背景色
dot_shape：点的形状
dot_fillStyle：点的填充颜色
dot_strokeStyle：点边框的颜色
dot_shapeRadius：点的半径（大小）
baseAxisLabel_textStyle：轴部文字的颜色
baseAxis_fillStyle：轴部文字的填充色
orthoAxisLabel_textAlign：底部字体的位置
dataCategoriesCount：列分组
readers:一个尺寸名称列表加载相应的逻辑列表。
visualRoles：视觉中的属性，指派category和value的值
dataMeasuresInColumns：列数据或行数据
isMultiValued：是否为多重数据，为true时结果不累加
这个主要是控制tooltips显示参数的
dimensions: {
// Explicitly define the "measure" dimension
// (change the defaults that would otherwise take effect)
//轴部说明文字的改变
measure: {
// Hide "measure" from the tooltip
isHidden: true,
// Fine tune the labels
formatter: function(v) {
switch(v) {
case 'Count': return "Count";
case 'AvgLatency': return "Avg. Latency";
}
return v + '';
}
}
},
//轴部文字间隔符
legend: {
scenes: {
item: {
value: function() {
var valueVar = this.base();
// Add the measure label to
// the "value" variable's label
valueVar.label += " /? " + this.firstAtoms.measure;
return valueVar;
}
}
}
},
//更改tooltips的属性名称
function (){
this.chartDefinition.dimensions={
category:{label:'名称'},
value:{label:'值'},
series:{isHidden: true},
measure:{isHidden: false,
formatter: function(v) {
switch(v) {
case 'Count': return "数量";
case 'AvgLatency': return "Avg. Latency";
}
return v + '111';
}}
}
}
function (){
this.chartDefinition.dimensions={
category:{label:'分数段'},
value:{label:'人数'},
series:{isHidden: true},
}
}
实在是不好排版，ctrl +f 很方便拉
博客地址：http://qiaoyihang.iteye.com/
转载请注明出处，谢谢！