Page 1 of 14. Showing 138 results (0.003 seconds)
数据脚本
通过脚本对度量值进行再次处理 1.简单运算 image2019929 18:46:21.png 1)同期 = 数据/上月 image2019929 18:46:49.png 2)数据 = 上月 image2019929 18:47:20.png 2.编辑复杂脚本 【配置面板】>【函数】> 【数据脚本】 当控件查询到数据后,在渲染之前,遍历数据,执行脚本; 函数原型: var result = function(row, data) 参数: row 当前行 data 所有数据行 返回值: false 停止遍历数据行 数据脚本样例: for(var i = 0; i < data.length; i){ var row = datai自定义脚本控件
内置变量 变量名 描述 data 系统根据配置的数据表维度和度量提供的数据,数组结构 dimensions 配置的数据表维度 measures 配置的数据表度量 HTML脚本使用AngularJS语法,在编译前脚本和编译后脚本中,需要通过 scope.变量名来访问内置变量 示例 <div>定义的维度:</div> <div ngrepeat="item in dimensions"> item </div> <div>定义的度量:</div> <div ngrepeat="item in measures"> item </div> <div>数据:</div> <div ngrepeat="item in dataY轴标签脚本
function(labelData) for(var i = 0; i < labelData.length; i)X轴值范围脚本
function(VSUtils) var minValue = 0; var maxValue = 1; for(var i = 0; i < data.length; i) return minValue, maxValue;Y轴值范围脚本
function(VSUtils) var minValue = 0; var maxValue = 1000; for(var i = 0; i < data.length; i) return minValue, maxValue;脚本.docx
样式一 图形: 编辑HTML脚本: <span style="textalign:center; padding:10px 40px; width:350px; borderradius:25px; mozborderradius:25px; color:ffffff … ">单位:亿元 </span> 样式二 脚本 编辑html脚本: <style> /共用样式,含有自定义组件的报表需要且仅需要使用一次该样式,建议加在报表内第一个自定义组件的样式头部/ body, p, dl, dd ul .f0 .f11 .f12 .f13 .f14 .f15 .f16 .f17 .f18 .f20列脚本
原型: function(rows, row, rowIndex, cell, cellIndex) 从V2.5.4版本开始 如果返回值是数字类型,支持小数点、百分数和预警配置; 如果返回值是非数字类型,不支持小数点、百分数和预警配置; 参数: rows 所有行数据 , Array rowData 当前行的数据, Array rowDataMap 当前行的数据, Object(KV) rowIndex 行号 cell 列的值 cellIndex 第几列 脚本样例: if(cell == null) if(rowData0 === 'value1' rowData0 === 'value2' ) if(rowData0自定义脚本开发ECharts图形
1.添加自定控件 image20191115 17:47:33.png 2. 设置数据源 image20191115 17:48:7.png 3. 编写HTML脚本 image20191115 17:48:34.png image20191115 17:48:52.png <div id="chart11003" style="width:100%;height:100%;"> </div> 4. 编写Javascript脚本 image20191115 17:49:40.png image20191115 17:49:57.png var chartData = ; console.log(scope.data查询脚本
【应用场景】 报表控件的数据需要做特殊的过滤,例如:日历控件选定了某个日期,趋势图只想查询1号选定日期的值, 而不是指定日期的值,可以使用查询脚本 【实现原理】 在控件向服务器请求数据之前,通过脚本动态修改查询参数,实现特殊的查询需求 image2020117 13:23:38.png 【示例】 //浏览器控制台打印出query,这个变量是控件提交给服务器的查询参数,可以通过修改query里面的条件实现特殊查询 console.log(query); var endDateStr = null; var endDateIndex = 1; //找出过滤条件中的日期 for(var i = 0; i标记线值脚本
配置如下: image2021713 18:21:40.png return data0"指标名称"; 注意:其中的【指标名称】对应了控件中配置的指标名称,例如控件配置了指标 【数量】【行业平均值】,那么在函数中将行业平均值的计算方式设置为平均值,然后值脚本中这样配置:: return data0"行业平均值";