开发场景说明 人员来访统计大屏用于展示园区中人员相关信息，例如人员类型，人员流量及在园人数等。大屏页面构想，如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成，组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件 说明 文本编辑 文本编辑组件，用于展示标题，例如人员来访统计。 水平基本柱图 统计当前人员类型，如总公司员工、合作员工、访客人员、安防人员、保洁人员。 基本柱图 统计入园和出园人数。 区域图 统计昨日在园人数。

开发大屏页面 登录DMAX界面。 在项目列表页面，单击右上角的“+ 新建项目”。 选择大屏&PC端项目，输入项目名称为“统计”，单击“新建”。 图2 新建项目 在大屏&PC端项目中，单击“+ 新建页面”，选择“新建空白页面”。 输入页面标题“人员来访统计”，单击“新建”。 图3 创建人员来访统计页面 在页面上方单击，根据实际需要设置背景图片。 图4 设置背景图片 图5 选择背景图 从全部组件中，分别拖拽文本编辑、两个基本柱图、和区域图到画布区域，布局如图7所示。 图6 拖拽文本编辑组件到画布 图7 组件布局 配置文本编辑组件，设置“人员来访统计”标题。 选中上方文本编辑组件，单击上方，设置文本内容为“人员来访统计”，字体设置为“72”，字体颜色设置为“rgba(255, 255, 255, 1)”。 图8 设置文本编辑标题 在段落设置中，设置标题对齐方式为“居中”。 图9 设置标题对齐方式 配置基本柱图组件。 选中最上方的基本柱图组件，在组件上方单击，配置组件数据，单击“保存”。 “配置流程”选择“静态数据”，输入如下示例数据，并单击，格式化数据。 图10 配置组件数据 { "resCode": "0", "resMsg": "成功", "result": [{ "order": { "dataX": [ "人员统计" ], "dataValue": [{ "title": "总公司员工", "value": [ 153 ] }, { "title": "合作人员", "value": [ 80 ] }, { "title": "访客人员", "value": [ 63 ] }, { "title": "安防人员", "value": [ 124 ] }, { "title": "保洁人员", "value": [ 56 ] } ] } }]} 选中基本柱图组件，在组件上方单击，设置模板为“蓝色渐变不排序”。 图11 设置模板 选中基本柱图组件，在组件上方单击，将每个数据系列里“数据标签”设置为“上”，让数据显示在柱形图上方。 图12 数据显示在柱形图上方 打开水平堆叠和横向柱条效果。 图13 打开水平堆叠和横向柱条 选中基本柱图组件，在组件上方单击，隐藏x轴，并隐藏y轴网格线。 图14 隐藏x轴 图15 隐藏y轴网格线 选中基本柱图组件，在组件上方单击，设置组件标题内容为“当前人员类型统计”。 图16 设置组件标题 参考9，配置左下角基本柱图。 选中左下角的基本柱图组件，在组件上方单击，配置组件数据，单击“保存”。 “配置流程”选择“静态数据”，输入如下示例数据，并单击，格式化数据。 图17 设置数据源 { "resCode": "0", "resMsg": "成功", "result": [{ "order": { "dataX": [ "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24" ], "dataValue": [{ "title": "入园人数", "value": [ 20, 30, 45, 20, 60, 80, 140, 200, 145, 40, 70, 60, 80, 16, 87, 77, 60, 20, 60, 80, 55, 68, 70, 24 ] }, { "title": null, "value": [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ] }, { "title": "出园人数", "value": [ 90, 60, 30, 20, 10, 110, 140, 87, 64, 45, 11, 24, 80, 14, 98, 35, 41, 14, 45, 80, 31, 22, 23, 24 ] } ] } }]} 选中基本柱图组件，单击组件上方的，将每个数据系列里柱条宽度为8。 图18 设置柱条宽度为8 选中基本柱图组件，单击组件上方的，显示x轴网格线，显示y轴轴线，隐藏y轴网格线。 图19 显示x轴网格线 图20 显示y轴轴线、隐藏网格线 选中基本柱图组件，单击组件上方的，设置标题“内容”为“人员流程统计 人/时”。 图21 设置标题 参考9，配置区域图。 选择右下方的区域图组件，在组件上方单击，配置组件数据。 “配置流程”选择“静态数据”，输入如下示例数据，并单击，格式化数据。 图22 设置基本区域图数据源 { "resCode": "0", "resMsg": "成功", "result": [{ "order": { "dataX": [ "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24" ], "dataValue": [{ "title": "在园人数", "value": [ 20, 30, 45, 20, 60, 80, 140, 200, 145, 40, 70, 60, 80, 16, 87, 77, 60, 20, 60, 80, 55, 68, 70, 24 ] }] } }]} 选中区域图组件，单击组件上方的，设置标题内容为“昨日在园人数统计 人/时”。 图23 设置组件标题 选中区域图组件，单击组件上方的，显示x轴网格线，打开y轴轴线开关，隐藏y轴网格线。 图24 显示x轴网格线 图25 打开y轴轴线隐藏网格线 单击页面上方的，保存后单击，预览效果。 图26 查看预览效果 单击页面上方，进行页面发布设置。 发布链接：单击发布链接后的图标，将显示页面地址，单击该地址进入发布页。 单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 版本管理：通过管理页面版本，设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。更多介绍，请参见管理页面版本。 分享码设置：设置页面分享码和分享码有效期，设置后，只能通过分享码来访问页面，提高安全性。更多介绍，请参见如何设置分享码。 设置Token认证：通过Token认证，将DMAX中的页面，嵌入到其他系统（第三方系统）。嵌入后，在第三方系统中可直接查看嵌入的DMAX页面数据。更多介绍，请参见DMAX分享页Token签名校验使用说明。 图27 设置Token认证信息 ：打开Token认证开关后，DMAX会生成一个Token。单击该图标，可复制Token。 签名地址只允许打开一次：开启后，签名地址仅允许打开一次，再次访问时需要重新获取签名地址。若不开启，不限制访问次数，但支持设置有效期。 iframe 域名 设置：页面待嵌入的第三方系统的域名，最多支持设置5个域名，中间用“;”隔开。

开发场景说明 人员来访统计大屏用于展示园区中人员相关信息，例如人员类型，人员流量及在园人数等。大屏页面构想，如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成，组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件 说明 文本编辑 文本编辑组件，用于展示标题，例如人员来访统计。 基本柱图 统计当前人员类型，如总公司员工、合作员工、访客人员、安防人员、保洁人员。 基本柱图 统计入园和出园人数。 区域图 统计昨日在园人数。