-
雷达图 - Astro大屏应用 AstroCanvas
区域填充颜色:设置区域填充颜色。 数据标签:是否显示标签。设置为显示时,支持设置标签的字体、颜色和大小等。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图6 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例选择模式:设置图例选择模式,支持单个和多个。
-
发布页面 - Astro大屏应用 AstroCanvas
缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。如何设置内容安全策略,请参见如何设置内容安全策略。 图5 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。
-
使用空白画布新建页面 - Astro大屏应用 AstroCanvas
缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。如何设置内容安全策略,请参见如何设置内容安全策略。 图6 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。
-
使用页面模板文件新建页面 - Astro大屏应用 AstroCanvas
缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。如何设置内容安全策略,请参见如何设置内容安全策略。 图7 设置内容安全策略 开启“内容安全策略”时,如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭,否则无法正常预览页面。
-
Astro大屏应用开发流程 - Astro大屏应用 AstroCanvas
s实例是一个独立的资源空间,所有的操作都是在实例内进行,不同实例间的资源相互隔离。 购买Astro大屏应用实例:AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三种实例套餐,请根据需要选择按月购买或按年购买。 购
-
AstroCanvas分享页Token签名校验使用说明 - Astro大屏应用 AstroCanvas
参数,且必须带有_dmax_signature、_dmax_time参数。 AstroCanvas大屏URL未被篡改。 背景信息 用户开启了Token签名验证功能,系统返回用以生成签名的Token(用于生成签名的token不可公开),例如token=j5TZLK1DQ*****Ntquo/ErqonR0=。
-
桥接器预置 - Astro大屏应用 AstroCanvas
API”时,才显示该参数。 共享数据:是否共享数据。勾选表示某项目里多个组件调用一个公共的请求(请求路径与入参均一致才视为同一公共请求)而访问同一个接口的数据,避免多次调接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 输入数据:系统已预置了静态数据,如果需要自定义静
-
应用场景 - Astro大屏应用 AstroCanvas
、预算执行情况等关键数据,帮助会议参与者更直观地理解信息,做出更明智的决策。此外,数据可视化还能使汇报过程更生动有趣,提升汇报效果和沟通效率。 图5 经销商投总大屏 图6 服务运营指标日总览 数据可视化大屏为分析决策提供了重要支持,通过可视化展示业务运营数据、市场趋势、用户行为等
-
组件入门 - Astro大屏应用 AstroCanvas
参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 组件数据来源 组件是大屏页面的组成元素,配置页面数据即为配置组件数据。选中组件,单击组件上方的,可配置组件在页面呈现数据的来源,更多介绍请参见数据接入。 图5 配置组件数据 组件交互 AstroCanvas为组件设
-
组件设置 - Astro大屏应用 AstroCanvas
升级组件 单击“启用模拟数据”,对项目中的组件数据来源进行统一控制。 在页面中,组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”,可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中
-
通用表格 - Astro大屏应用 AstroCanvas
开启表头排序 数据系列 列数据键值:原始数据中默认的系列名称,可通过设置“列名”,进行修改。文字内容来源于数据模型的取值。 列名:自定义图表中数据系列的显示名称。 列宽占比:设置该数据系列的列宽占比。 背景色:设置该数据系列的背景色。 对齐方式:设置该数据系列中数据的对齐方式,如水平居中、左侧等。
-
新建并开发自定义组件 - Astro大屏应用 AstroCanvas
json文件中定义所依赖的Element库即可。 查询AstroCanvas预置库信息,本例以查询库“Element”为例。 在AstroCanvas界面“我的资产 > 我的库”中,搜索所需库“Element”,单击,查看库ID和版本号信息。 本例中查询的Element库ID为“global_Element”,库最新版本号为“101
-
如何自定义库 - Astro大屏应用 AstroCanvas
如何自定义库 操作场景 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。 操作步骤 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文件
-
ECharts图表 - Astro大屏应用 AstroCanvas
可看到渲染效果。 图12 查看渲染效果 数据 在数据中,配置ECharts组件的数据来源,更多介绍请参见数据接入。 与其他组件不同的是,ECharts组件在数据配置流程中没有字段映射,而是直接改变实例化代码块的内容。 图13 设置组件数据源 将左侧表格字段拖拽到右侧配置中的代码块
-
树状下拉框 - Astro大屏应用 AstroCanvas
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统为您预置了单选和多选两种类型的模板,请根据实际业务场景进行选择。 配置 在配置中,设置下拉选择框和下拉弹出框。 图4 配置 下拉选择框设置 开启多选:是否开启多选。
-
基础表格 - Astro大屏应用 AstroCanvas
表格中的数据进行筛选。 图9 开启前台筛选效果 数据系列:设置组件名称、时延和成功率三大数据的属性。 原数据名:原始数据中默认的系列名称,可通过设置“列名”,进行修改。文字内容来源于数据模型的取值。 列名:自定义图表中数据系列的显示名称。 数据系列:图表中是否显示该数据系列。 前
-
天气 - Astro大屏应用 AstroCanvas
字体:未来几天日期的字体、大小和颜色等设置。 数据 在数据中,设置天气组件的数据来源,更多介绍请参见数据接入。 图6 设置组件数据源 图7 选择桥接器预置-静态数据 静态数据中,“dataNow”对应今日天气,“dataForecast”对应未来几天天气预报。 AstroCanvas预置了一套漂亮的天气图标
-
使用AstroCanvas预置模板搭建交通管理大屏 - Astro大屏应用 AstroCanvas
系统自动进入该新建项目的“大屏&PC端项目”页面,如图9。 图9 大屏&PC端项目页面 步骤四:构建可视化大屏页面 AstroCanvas中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。本入门以交通管理
-
多折线图 - Astro大屏应用 AstroCanvas
折线颜色:设置折线颜色,支持单色和渐变色。如果开启了阈值线,渐变会随着阈值线值变化。 折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸,取值范围0~100。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。 数据标签:是否显示数据标签,支持设置标签颜色、前缀和后缀。
-
多区域折线图 - Astro大屏应用 AstroCanvas
如果开启了阈值线,渐变会随着阈值线值变化。 折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。 数据标签:是否显示数据标签,支持设置标签颜色、前缀和后缀。 数据标签最大