-
时间翻牌器 - Astro大屏应用 AstroCanvas
选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。
-
多折线图 - Astro大屏应用 AstroCanvas
可视化图形的提示标识。 图5 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。
-
钻石水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。
-
瀑布柱图 - Astro大屏应用 AstroCanvas
前缀和后缀。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图7 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。
-
装饰图案 - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 暂不支持修改装饰图案的背景颜色。 图4 配置 交互 在交互中,设置装饰
-
散点图 - Astro大屏应用 AstroCanvas
可视化图形的提示标识。 图6 图例 显示图例:是否显示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。 文字风格:设置图例文字的风格,支持正常、斜体和倾斜体。
-
日期选择器 - Astro大屏应用 AstroCanvas
、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置组件的日期选择器的类型、输入框边框字体设置等。 图4 配置 日
-
路由视图 - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 自定义属性列表:路由视图自定义属性设置,
-
通用表格 - Astro大屏应用 AstroCanvas
例如,该组件预置的静态数据如图5所示。期望“series”为“白名单”的“amount”数值标红,参考图6,单击组件上方图标,单击“+ 新增条件格式”,设置条件和响应数据列的样式。 图5 预置数据 图6 新增条件格式 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
-
三角形水位图 - Astro大屏应用 AstroCanvas
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。
-
高德地图 - Astro大屏应用 AstroCanvas
显示范围:统一设置图层的显示范围,地图缩放级别在该范围内时,显示对应图层。 图层透明度:统一设置图层的透明度。 图层:单击“新增图层”,可新建飞线图层、区域热力图层、图标图层、标签图层和3D柱状图层。 图9 新建飞线图层 基本配置: 类型:固定为飞线图层 图层:显示或隐藏图层。 显示范
-
轮播页面 - Astro大屏应用 AstroCanvas
轮播页面是指通过页面轮播的方式,来实现页面广告的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播页面”组件至画布空白区域,如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
-
翻牌器 - Astro大屏应用 AstroCanvas
翻牌器是文本组件的一种,通过设置翻盘动画效果,来动态展示数据的变化过程。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“翻牌器”组件至画布空白区域,如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
-
图标进度条 - Astro大屏应用 AstroCanvas
图标进度条 图标进度条是柱状图的一种,通过图标和进度条可实现百分比展示能力,同时支持自定义图标。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“图标进度条”组件至画布空白区域,如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
-
文本编辑 - Astro大屏应用 AstroCanvas
的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置组件的文本、段落和文本滚动方向。 图4 配置 文本设置 文本内容:请输入文本内容
-
树状表格 - Astro大屏应用 AstroCanvas
如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 统一配置 图标选中色:设置选中前台排序、前台筛选时,图标的显示颜色。 图8 选中前台排序时图标显示的颜色 前台排序:是否开启前台排序功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行排序。 图9 在前台对数据进行排序
-
词云 - Astro大屏应用 AstroCanvas
标题位置(左%):“标题获取”设置为“自定义”时,支持设置标题距离组件左边界的距离。 字体:设置标题字体、大小和颜色。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中图形的颜色。 统一配置 是否展示:是否展示词云,默认为是。
-
天气 - Astro大屏应用 AstroCanvas
边距:组件中图表距离整个组件四边(上、下、左、右,如图3)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图5 配置 统一配置
-
音频 - Astro大屏应用 AstroCanvas
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 轮播设置 音频 > 音频地址:输入音频的存放地址,仅支持MP3、OGG和WAV格式的音频。
-
进度条 - Astro大屏应用 AstroCanvas
标题离容器左边距:标题距离组件左边的距离。 字体:设置标题的字体、颜色和大小等。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 颜色:设置图表中,图形的颜色。 统一配置 进度条图案设置:可设置为“柱形”或“电池”。 数值字体:设置数值的字体、大小和颜色等。