zoukankan      html  css  js  c++  java
  • pentaho cde 画图参数介绍

    初步接触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/
    转载请注明出处,谢谢!

  • 相关阅读:
    2.安装双系统linux+windows
    1.在虚拟机上安装linux系统
    python2升级python3(linux)并解决兼容问题
    selenium模拟登录_百度指数
    解决YUM下LoadedpluginsfastestmirrorDeterminingfastestmirrors 的问题
    yum源地址卸载、下载、安装
    Redis无法启动You may fix this problem by either reducing the size of the Redis heap with the --maxheap
    第二章 演化式架构师
    第一章 微服务
    第19章 未来的软件构架
  • 原文地址:https://www.cnblogs.com/qiaoyihang/p/6166172.html
Copyright © 2011-2022 走看看