-
SafeUtils安全工具类预置API一览表 - Astro大屏应用 AstroCanvas
对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /* * @param {*} text */ SafeUtils.escapeHtml(text) // 方法返回转义后的字符串 例如输入字符串如下: <div data-v-a7e06658="" id="page-view-header"
-
HttpUtils工具类预置API一览表 - Astro大屏应用 AstroCanvas
通过ajax的方式,调用平台的接口时使用。 refreshToken 用于手动刷新页面的accesstoken。 getUrlParam 用于获取查询字符串中的参数。 getLocalStorage 用于获取某个localStorage的值。 setLocalStorage 用于设置某个localStorage的值。
-
slider - Astro大屏应用 AstroCanvas
否 showInput: true 是否展示输入框,默认为true。 append String 否 append: "%" 添加的字符串。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变的时候触发 (value, data, field)
-
关系型数据库 - Astro大屏应用 AstroCanvas
自定义SQL语句时,通过输入 “ $”,可进入表达式设置页面。在表达式设置页面,可从下方左侧面板选择字段名、函数或者直接输入函数,如图5。 图5 表达式设置 单击“保存”,完成数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。
-
HTTP连接器 - Astro大屏应用 AstroCanvas
动作:创建HTTP连接器时,定义的执行动作。 参数:执行动作在连接器中,定义的参数。字段类型为“表达式”时,在字段值中单击鼠标,可进入表达式设置页面。在表达式设置页面,可从下方左侧面板选择字段名、函数或者直接输入函数,如图3。 图3 表达式设置 测试API接口:用于测试该接口,单击“测试API接口”,“样例报文”中会显示输出结果。
-
DWS - Astro大屏应用 AstroCanvas
“ $”,可进入表达式设置页面。在表达式设置页面,可从下方左侧面板选择字段名、函数或者直接输入函数,如图3。 图3 表达式设置 刷新数据:单击该按钮,可预览查询出的数据。 单击“保存”,完成DWS数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏
-
使用页面模板文件新建页面 - Astro大屏应用 AstroCanvas
面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目中,单击,选择本地的页面模板文件,单击“打开”。 图1 添加本地页面模板文件 在创建页面对话框中,输入页面标题,单击“新建”。 系统自动进入业务大屏开发页面,您可以直接使用该大屏应用,也可以根据自身业务的需求进行二次开发。
-
发布项目 - Astro大屏应用 AstroCanvas
as界面。 在“项目列表”中,将鼠标悬浮在需要发布的项目上,单击,发布项目。 在版本管理中,单击“+ 新建版本”。 设置版本号和版本描述(可选),勾选待发布的页面,选择页面版本,单击“确定”。 只有已生成发布链接的页面,才会显示在如图1所示页面中。您可以根据自身业务需求,选择发布一个或多个页面。
-
发布为全局模板 - Astro大屏应用 AstroCanvas
填写模板名称、描述、所属服务和封面等信息,单击“确定”。 图1 填写全局模板信息 名称:输入生成模板的名称,名称长度为1~32个字符,可包括中文、字母、数字及下划线。 描述:生成模板的描述信息,可按需进行设置。 发布方:设置模板的发布方。 发布模板库:设置模板库的语言,此处的
-
使用模板新建页面 - Astro大屏应用 AstroCanvas
如果安装的是安全云脑类大屏,进入大屏页面后,您还需要根据实际情况设置全局变量和数据源等信息,如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。
-
玫瑰花饼图 - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:设置组件中图表的样式,支持默认和带标签两种。
-
使用空白画布新建页面 - Astro大屏应用 AstroCanvas
AstroCanvas界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目页面,单击“新建页面”。 在新建页面中,单击“新建空白页面”。 输入页面标题,单击“新建”。 页面标题的长度范围为1~100个字符。 拖入组件,根据业务需求开发页面。 页面创建完成后,单击页面上方的,保存页面。
-
基本漏斗图 - Astro大屏应用 AstroCanvas
在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本漏斗图”组件至画布空白区域,如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 卡片装饰:卡片装饰设置,可根据自身的业务
-
水滴水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
-
矩形水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
-
水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
-
箭头水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
-
圆角矩形水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
-
钻石水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
-
三角形水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。