页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。



面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

示例说明

在透视分析添加排序的告警效果。

Image Modified

设置方法

  1. 在“分析展现”节点下,创建一张透视分析。
  2. 选中透视分析,右键选择 编辑宏 进入报表宏界面。
  3. 在报表宏界面新建客户端模块,在弹出的新建模块对话框中选择对象为INSIGHT;事件为onRenderTable;并把下面宏代码复制到代码区域。

宏类型

类型

对象

事件

ClientSide

INSIGHT

onRenderTable

宏代码

代码块
languagejs
themeEclipse
firstline1
linenumberstrue
function main(insight) {
    var starIndex = 1; //数据开始行,行号从0开始,如果有多重表头则要修改到数据行开始
    var cellIndex = 0; //显示图片信息的列序号,序号从0开始。
    settingTips(insight, starIndex, cellIndex);
}
function settingTips(insight, starIndex, cellIndex) {
    var grid = insight.grid;
    var maxRow = grid.getRowSize(); //总行数
    for (var m = starIndex; m < maxRow; m++) {
        var cell = grid.getDataCell(m, cellIndex); //获取列
        cell.align = "center";
        var value = cell.innerText;
        if (value == 1) { //根据值不同,显示不同的图片
            cell.innerHTML = '<img src="./img/mapflag/square-star.png" />';
        } else if (value == 2) {
            cell.innerHTML = '<img src="./img/mapflag/star.png" />';
        } else if (value == 3) {
            cell.innerHTML = '<img src="./img/mapflag/triangle.png" />';
        } else {
            //cell.background = "img/alertdialog/Icon_4.gif";
            cell.style.background = 'url(img/mapflag/none.png) no-repeat center center';
            cell.style.fontWeight = 'bold';
            cell.style.fontSize = '16';
            cell.style.height = '30';
            cell.style.backgroundColor = '';
        }
    }
}

关键对象总结

  • 读取表内容总行数:grid.getRowSize();
  • 读取单元格内容:grid.getDataCell(m, cellIndex)

资源下载

资源: migrate.xml

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid
toc