记得即时保存正在制作的报表! ! !

1. 报表设计器功能区简介

数据连接: 获取数据库数据 → 数据集: 添加数据表(数据库, Excel等) → 我的报表(新建 - 配置) → 预览报表

2. 报表元素组

2.0 连接数据

① Excel文件直接导入, 如果连接的是数据库数据则需要先进行数据连接(测试连接 → 保存)
② 为字段选择合适的模型(维度/度量)

2.1 创建报表

2.2 数据源管理

在进行数据绑定前必须先选择数据源! ! !

2.3 数据

维度=X轴度量=Y轴
多个维度时以最下面一个为X轴

2.4 标题

标题可配置项：
标题高度
标题名称
标题颜色
标题尺寸（字体大小）
对齐方式（左对齐、居中、右对齐）
字体加粗、倾斜、下划线
背景颜色
背景圆角
上下左右边距（相对于标题边的高度、宽度）

2.5 选择项

可配置项：
【选择区】
是否开启选择项
高度
【文本】
颜色
尺寸（字体大小）
对齐（左对齐、居中、右对齐）
风格（字体加粗、倾斜、下划线）
【背景】
背景颜色
圆角（数字越大越圆）
【边框】
尺寸（边框线粗细）
颜色
【边距】
上下左右边距（相对于标题边的高度、宽度）

-- 【排序SQL表达式】对选择项内容自定义排序
case 机构名称  when '红海公司' then 1when '黄海公司' then 2when '蓝海公司' then 3when '紫海公司' then 4else -1
end;-- 推荐使用desc倒序，好处是当有未知字段时，会排到最下面
case 机构名称when '红海公司' then 1when '黄海公司' then 2when '蓝海公司' then 3when '紫海公司' then 4else -1
end
desc;

-- 多个选择项排序
case 机构名称when '红海公司' then 1when '黄海公司' then 2when '蓝海公司' then 3when '紫海公司' then 4else -1
end
desc;case 年份when '2018' then 1when '2019' then 2else -1
end
desc;

2.6 基本

多用于背景色、内边距（相对当图表边）、外边距（相对当图表边）的调整

2.7 边框

调整边框线的粗线、颜色

2.8 联动

联动是2个以上图表组件，有相同的维度名称时，切换其中一个图的维度，另一个（或多个图表）维度也自动对应切换

不联动配置：联动配置的是被其它组件联动

2.9 轴线

例如，下面线图的轴线高度、颜色、文字旋转、字体大小（以及是否自动换行）、分割线颜色

2.10 图形

是否开启图例，以图便摆放位置，颜色、大小、边距
提示窗：文字、背景的调整
每个图的图形会有所不同，常见都有图例、提示窗、以及因图形不同特有一些配置项

2.11 指标

例如柱线图，配置为左轴为柱，显示销售流水，右轴为线，显示折扣情况，以百分数显示

要制作柱图、线图时，推荐使用柱线图。因为柱线图有左轴、右轴（柱图、线图没右轴），同时柱线图还可以随时快速调整当柱图，或线图

2.12 过滤

可以使用：=等于、<>不等于、>大于、>=大于等于、<小于、<=小于等于、And和、or并

2.13 排序

小技巧：对于制作像售罄率的图，切换季度维度，X轴起始月份也会变化，就要用到ID正序
例如：Q1是从01月、02月、03月……12月（共12个连续月）
Q2是04月、05月、06月……12月、01月、02月、03月（12个连续月）

-- SQL表达式对月倒序
CASE 月份WHEN '十二月' THEN 12WHEN '十一月' THEN 11WHEN '十月' THEN 10WHEN '九月' THEN 9WHEN '八月' THEN 8WHEN '七月' THEN 7WHEN '六月' THEN 6WHEN '五月' THEN 5WHEN '四月' THEN 4WHEN '三月' THEN 3WHEN '二月' THEN 2WHEN '一月' THEN 1ELSE -1
END
DESC;

2.14 表配置

表格宽度100%，锁定列1（像EXCEL一样冻结1列），维度列数为1列

制作双行表头，2个以上列配置–>合并分组填写一样的名称，将自动合并成一组

列宽：相对于当前页面，值越大越宽值类型：选择百分数，该列显示百分数千分位：例如12345元千分位后为 12,345元；即从个位起每3位一个逗号“，”分隔

动态标题：使用 {{}} 引用数据源中的维度值

表格组件可以不配置度量，增加维度列数，变表格组件为列表或清单
表格维度一列为http://****.jpg 或.png 图片URL地址，可用于制作如：TOP排行榜等图

2.15 列配置

列宽
合并分组
值类型：百分数
小数位：小数点后几位
千分位：每三位一个,号（例如：10000 显示为10,000）

2.16 函数

可对度量数据进行函数加工展示，目前支持求和、平均值、计数、最大值、最小值等函数

可对维度默认值进行设定（例如：默认显示某一项目或某一月份数据等）

也可默认第一个或最后一个维度默认值：first()或者last()

2.17 预警

通过值的范围自定义颜色，符号样式大小等配置，起到一定的警示效果
值范围左边为空，表示-∞，反之右边为空，∞；{{度量}}可引用其他数值

2.18 浮动

例如使用图标铵钮组件，制作一个浮动的翻页接钮，当报表使用微信打开查看时就很实用

【浮动】是否开启浮动
【对齐】自适应、靠左、靠右、靠上、靠下
【尺寸】浮动组件的大小，按像素或者网格 2选1
【位置】相对于对齐方式，向上（顶部）、下（底部）、左、右移动的位置

两个浮动组件效果，制作的上下翻页
也可制作返回首页、浮动页眉、浮动选择器（例如：让用户方便地选择【直营】【加盟】）、浮动维度查询搜索等

2.19 提示窗

2.20 标记线

配置报表水印

var today = new moment().format("YYYY-MM-DD"); //获得当前日期
VSUtils.watermark({message: username+"<br/>"+today}); //水印内容：当前用户名+当前日期

3. 图表组件

仪表盘(ECharts控件)

【仪表板】默认最小值：0，最大值：100，可自定义仪表板最小最大值

【值域】值百分比0.4红色，是指 -25至25区间（50个单位*0.4=20）即：红色显从 -25 ~ -5（20个单位）都显示红色

图形常用的有：
【分段数量】下图分10段显示，即仪盘板上-25、-20、-15、-10……共10个刻度【刻度线宽度】下图中仪表盘红、黄、绿线的宽度
【分割线宽度和长度】下图中刻度-20、-15、-10 边上的"-"，即刻度线的粗细【值尺寸】下图中值 -10% 数字的大小

单值图(基础控件)

地图组件(ECharts控件)

可细分为"中国地图-面积预警"和"中国地图-地区指向"
通过地图组件可显示23个省、4个直辖市、5个自治区、2个特别行政区相应的数值
但需要对每个区域与省份进行映射，如下图所示

映射后相应省份的值为多个地区之和，如上图中广东显示数值为广州及深圳两个地区之和

可配置项值域范围，如下图所示：

日历过滤器

轴线图-线、柱、面积(ECharts控件)

轴线图组件除了集成柱图、线图功能，可从柱图、线图之间切换外，还有左轴、右轴之分，可以变化成多柱、多线、柱线混合图、柱线堆积图

百度地图(地图控件)

自定义脚本控件

自定义选择过滤器

表格

Maco可视化报表设计器相关推荐

UReport2 报表设计器在线表格
UReport2官网一.UReport2报表设计器 UReport2是一个开源的可视化报表设计器,功能强大,操作简单,可以实现复杂的报表统计,有各种各样的导出和打印功能,支持导入Ex ...
可视化Web报表设计器-FastReport Online Designer简介
FastReport Online Designer是FastReport.Net的网页版. >>FastREport Online Designer在线体验 >>FastRE ...
html5拖拽表单设计器,require+jquery+backbone实现拖拽式报表设计器-拖拽式表单设计器...
HTML我帮您-拖拽式报表设计器-拖拽式表单设计器是一个可视化设计器,基于require+jquery+backbone+underscore+bootstrap实现的表单设计器.思想来源于 Layo ...
ActiveReports.NET Crack,集成报表设计器
ActiveReports.NET Crack,集成报表设计器 ActiveReports.NET 通过直观的 Visual Studio 集成报表设计器和丰富的控件帮助您交付精美的报表.Active ...
.net webapi 接收参数_FastReport.Net报表设计器如何连接到SQLCe
Microsoft SQL Server Compact Edition是一个简单的本地关系数据库,不需要安装,并且已与数据库文件建立连接.您不需要管理员权限即可使用基础功能.您也只能"密码 ...
.net mvc 报表_Web在线报表设计器使用指南
市面上的报表工具有很多,虽说功能大同小异,但每一个报表工具都有各自明确的定位,选择最合适的工具,才能达到事半功倍的效果. 本文将要介绍的ActiveReports报表工具,可全面满足 .NET 报表开 ...
报表设计器条形码支持类型
2019独角兽企业重金招聘Python工程师标准>>> 下表为 Stimulsoft Reports 报表设计器所支持的条形码("+"表示支持,空白表示不支持). ...
dev 报表设计器怎么设置每页10行_可嵌入您系统的.NET 报表控件ActiveReports：带状列表组件...
葡萄城报表控件ActiveReports V14.0 全面支持 .NET Core平台.同时 ActiveReports的桌面报表设计器UI也全面增强,报表预览方式得以全面优化,报表设计能力得以大幅提 ...
bootstrap3 表单构建器_FastReport.NET报表设计器连接到OracleDB关系数据库
首先,您可以使用ODBC连接器.但是它充满了很多设置. FastReport.NET报表设计器连接到OracleDB关系数据库如您所见,您需要创建数据源及其连接字符串.动作比较多. 此方法的替代方法 ...

Maco可视化报表设计器