-
将组件保存为卡片 - Astro大屏应用 AstroCanvas
在图层中将组件保存为卡片 在卡片设置中,输入卡片的名称,单击“保存”。 图3 设置卡片的名称 查看保存的卡片。 方式一:在编辑页面“我的卡片”中,查看已保存的卡片。 图4 在编辑页面查看保存的卡片 方式二:在“我的资产”中,查看已保存的卡片。 图5 在我的资产中查看 父主题: 组件管理
-
图片 - Astro大屏应用 AstroCanvas
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 图片地址:支持输入图片地址,来展示图片。 链接:设置单击图片后,跳转的链接地址。 图片设置:设置图片填充方式,并选择对应图片。 数据
-
轮播图片 - Astro大屏应用 AstroCanvas
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 轮播配置 在轮播配置中,设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播设置 轮播设置 图片:设置轮播组件的图片。 填充方式
-
分割线 - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置分割线的颜色。 图4 配置
-
背景图 - Astro大屏应用 AstroCanvas
背景图 背景图是装饰组件的一种,用于为可视化应用添加多种类型的背景图片,能够使可视化应用展示更加美观。 以背景图2为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“背景图2”组件至画布空白区域,如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架
-
满月饼图 - Astro大屏应用 AstroCanvas
图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图5 图例 显示图例:是否展示图例。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。
-
日历组件 - Astro大屏应用 AstroCanvas
该状态下日期块的背景色:设置当前状态下日期块的背景颜色。 日期字体:设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小:设置该状态下日期的行高大小。 内容字体:设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色:设置日历卡片的背景颜色。 边框色:设置日历卡片边框的颜色。 日期块的高度:设置每个日期块的高度。
-
选项卡 - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 下边距:图表到组件边框底部的距离。 右边距:图表到组件边框右侧的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置选项卡基础样式和选项卡设置。 图4 配置 基础样式设置 标签
-
趋势 - Astro大屏应用 AstroCanvas
标题字体:“显示标题”开关打开后,设置标题字体、文字粗细、文字大小和文字颜色。 显示数字:是否显示数字。 数字字体:“显示数字”开关打开后,设置数字字体、数字文字大小、数字文字粗细和数字文字颜色。 显示趋势:图表中是否显示趋势图标。 趋势图标大小:趋势图标的大小。 上升趋势数字字体:设置上升趋势数字的字体、大小和颜色等。
-
折柱图 - Astro大屏应用 AstroCanvas
下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 左间距:图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。
-
数据标记柱图 - Astro大屏应用 AstroCanvas
和数值颜色。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图5 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。
-
基本漏斗图 - Astro大屏应用 AstroCanvas
数据块颜色:数据块的颜色。 标签字体:设置标签的字体、文字大小、文字颜色等。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图6 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“label”的值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。
-
水平基本柱图 - Astro大屏应用 AstroCanvas
前缀和后缀。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图5 图形 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。
-
轮播饼图 - Astro大屏应用 AstroCanvas
单位px。 图4 弧度设置为160效果 图表背景:图表背景的颜色。 图表标题:图表的标题是否显示,设置为显示时,可自定义图表标题。 图5 图表标题 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 颜色:设置图表中,图形的颜色。
-
贪吃蛇饼图 - Astro大屏应用 AstroCanvas
x。 图表背景:图表的背景颜色。 图表标题:是否显示图表的标题。设置为“显示”后,可自定义标题内容、内容字体、大小和颜色等。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置组件中图表的图形颜色。
-
水平堆叠柱图 - Astro大屏应用 AstroCanvas
图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图5 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。
-
箭头水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。
-
圆角矩形水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。
-
路由导航(示例) - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置组件的页签样式、导航页签和默认路由。 图4 配置 页签样式统一配置
-
气泡图 - Astro大屏应用 AstroCanvas
右)的距离。 图4 布局 上边距:气泡图到组件边框顶部的距离。 右边距:气泡图到组件边框右侧的距离。 下边距:气泡图到组件边框底部的距离。 左边距:气泡图到组件边框左侧的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。