-
组件响应动作实现 - Astro大屏应用 AstroCanvas
作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params this: 组件实例 * @params
-
图标进度条 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
基础表格 - Astro大屏应用 AstroCanvas
下拉框鼠标悬浮时背景颜色:设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色:设置下拉框鼠标悬浮时的字体颜色。 新增条件格式:单击“新增条件格式”,可增加条件格式。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形
-
实心圆饼图 - Astro大屏应用 AstroCanvas
和结束颜色。 条件色:单击“新增条件格式”,可设置条件和响应数据列的样式。如图15中所示,该设置表示工程管理满足设置的条件(大于80)时,显示为红色,否则显示为正常颜色。 图15 设置条件格式 纹理:通过上传纹理图片,自定义数据系列的颜色格式。 普通标签:未选中数据系列时,标签的样式。
-
基本饼图 - Astro大屏应用 AstroCanvas
色和结束颜色。 条件色:单击“新增条件格式”,可设置条件和响应数据列的样式。如图7中所示,该设置表示环境管理满足设置的条件(大于300)时,显示为红色,否则显示为正常颜色。 图7 设置条件格式 纹理:通过上传纹理图片,自定义数据系列的颜色格式。 普通标签:未选中数据系列时,标签的样式。
-
使用AstroCanvas开发告警处理情况统计移动端页面 - Astro大屏应用 AstroCanvas
拖拽水平基本柱图组件 选择水平基本柱图组件,单击组件上方的,配置数据源,完成后单击“保存”。 “数据类型”选择“静态数据”,输入如下示例数据,并单击,格式化数据。 [{ "x": "10-01", "y": 311, "s": "待派单"
-
如何设置内容安全策略 - Astro大屏应用 AstroCanvas
在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图3所示。 图3 安全策略设置样例 其中,“frame-ancestors”为固定格式,“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图4。 图4 将大屏嵌入本地的file中
-
使用AstroCanvas开发人员来访统计大屏页面 - Astro大屏应用 AstroCanvas
配置水平基本柱图组件。 选中最上方的水平基本柱图组件,在组件上方单击,配置组件数据,单击“保存”。 “数据类型”选择“静态数据”,输入如下示例数据,并单击,格式化数据。 [{ "x": "人员统计", "y": 153, "s": "总公司员工"
-
基本漏斗图 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
背景图 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
图标 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
装饰图案 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
全屏 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
图片 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
分割线 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
路由视图 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
时间展示 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
ROMA连接器 - Astro大屏应用 AstroCanvas
参数:输入参数,请根据实际请求进行配置。 测试API接口:用于测试该接口,单击“测试API接口”,“样例报文”中会显示输出结果。 样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器:选择新建转换器中创建的转换器或AstroCanvas预置的转换器,
-
标题 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、
-
视频流 - Astro大屏应用 AstroCanvas
铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中视频流距离整个组件四边(上、下