-
其他数据源 - Astro大屏应用 AstroCanvas
报文经转换器处理后的数据结构确定。单击“格式化”,可对样例报文进行格式化处理。 转换器:选择转换器,用于对数据进行转换处理。 数据预览:单击“数据预览”,在右侧可直观展示经过转换器处理后的样例报文。 在左侧流程图中单击“+”,可根据需要添加其他节点,如过滤、排序、限制行数等。 设置完成后,单击“保存”。
-
{widget}.css - Astro大屏应用 AstroCanvas
文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
-
导入项目 - Astro大屏应用 AstroCanvas
在项目列表页面中,单击“导入项目包”。 图1 导入项目包 选择本地已创建好的项目包,单击“打开”,即可将项目导入到AstroCanvas。 导入成功后,在项目列表中,可查看到已导入的项目,并根据自身业务需求,进行二次开发。当所选项目与目标空间存在资产冲突时,如图2所示,此时请参考如何解决资产冲突问题?中操作进行处理。
-
全屏 - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,进行自定义属性设置。 图4 配置
-
ECharts图表 - Astro大屏应用 AstroCanvas
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 Echarts组件设置
-
散点图 - Astro大屏应用 AstroCanvas
左间距:图例到散点图组件左侧距离占组件高度。 上间距:图例到散点图组件顶部距离占组件高度。 图例类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
-
标题 - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,可对文本的内容进行设置,如输
-
下载项目 - Astro大屏应用 AstroCanvas
在AstroCanvas界面的“项目列表”页面,单击待下载项目上的。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。 图1 下载对应版本的项目包 根据业务需求,选择运行容器,单击“下载”。 图2 选择运行容器 运行容器:选择项目包的运行容器。 Astro Canvas:使用该运行容器下载的项目包,可在其他A
-
创建分组 - Astro大屏应用 AstroCanvas
分组创建后,选择“图层”,可查看到已创建的分组。 图1 查看分组 拖拽组件到已创建的分组中。 将鼠标放在已创建的分组上,单击右键选择“解除分组”,即可解除已创建的分组。 父主题: 组件管理
-
拖拽组件 - Astro大屏应用 AstroCanvas
在画布区域中,选中一个组件或多个组件(按住Ctrl键可选择多个组件),按住鼠标左键可进行拖拽。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选中一个或多个组件,按住鼠标左键拖拽到对应位置。 图1 拖拽组件 父主题: 组件管理
-
新建转换器 - Astro大屏应用 AstroCanvas
(可选)新建转换器存放目录。 在鼠标放在所有转换器上,单击,选择“新增目录”。 输入目录名称,单击“确定”。 目录名称长度为1~64个字符,可包括中文、字母、数字和下划线,且不能以下划线开头或结尾。 在转换器管理页面,单击“新建转换器”。 输入转换器名称,选择转换器存放的目录,单击“确定”。
-
安装项目 - Astro大屏应用 AstroCanvas
中,鼠标悬浮在待下载的项目上,单击。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。 图1 下载对应版本的项目包 根据业务需求,选择运行容器,单击“下载”。 图2 选择运行容器 运行容器:选择项目包的运行容器。 Astro Canvas:使用该运行容器下载的项目包,可在其他
-
玫瑰花饼图 - Astro大屏应用 AstroCanvas
字体:设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 图例位置(左):图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到饼图组件顶部距离占组件高度。 图例类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。
-
基本折线图 - Astro大屏应用 AstroCanvas
显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 左间距:图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。
-
进度条 - Astro大屏应用 AstroCanvas
角。 显示数值:进度条上是否显示数值。开启后,支持设置数值颜色、文字大小和文字粗细。 显示占比:进度条上是否显示占比。开启后,支持设置前缀、后缀和数值显示位置等。 显示内容宽度占比:设置进度条上显示内容宽度占比。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。
-
高德地图 - Astro大屏应用 AstroCanvas
显示范围:统一设置图层的显示范围,地图缩放级别在该范围内时,显示对应图层。 图层透明度:统一设置图层的透明度。 图层:单击“新增图层”,可新建飞线图层、区域热力图层、图标图层、标签图层和3D柱状图层。 图9 新建飞线图层 基本配置: 类型:固定为飞线图层 图层:显示或隐藏图层。 显示范
-
发布项目 - Astro大屏应用 AstroCanvas
移。发布项目,支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前,请确保项目中的页面已发布。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,将鼠标悬浮在需要发布的项目上,单击,发布项目。 在版本管理中,单击“+ 新建版本”。
-
日历组件 - Astro大屏应用 AstroCanvas
状态4/5/6/7:其他状态,每种状态可对应日历上的待办事项或者重要内容等。 该状态下日期块的背景色:设置当前状态下日期块的背景颜色。 日期字体:设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小:设置该状态下日期的行高大小。 内容字体:设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。
-
页面间交互 - Astro大屏应用 AstroCanvas
参数名=参数值”。 图5 设置为固定参数 图6 设置为变量参数 图7 跳转页面地址中会带上设置的参数 在页面一中,选中基本饼图,单击组件上方的,设置基本花饼图和页面三之间的交互。 图8 与页面三之间的交互 单击,保存页面后单击,预览效果。 图9 单击玫瑰花饼图弹出页面二 图10 单击基本饼图弹出页面三
-
上传自定义组件 - Astro大屏应用 AstroCanvas
“切换图片”,用于实现两个组件的交互。 单击“确定”后,单击“完成”,返回开发页面。 单击页面上方的,保存设置。 保存后单击,参考发布页面中操作,发布页面。 打开发布的页面网址,进行测试。 单击TabsWidget组件上的标签栏,会在DisplayWidget组件详情页进行相应的切换展示。