检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
、“移至顶层”或“移至底层”。 您也可以直接拖动组件,将组件进行上移、下移、拖动至顶部或底部。 图2 在图层中移动组件图层 父主题: 图层管理
上传自定义组件 将自定义组件上传到AstroCanvas中,并在页面中使用。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”,进入我的资产页面。 在左侧导航栏中,选择“我的组件”,单击“添加组件”,进入添加组件页面。
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“AstroZero”,配置数据源参数。 图1 数据源 数据源名称:新建数据源的名称,用于标识该数据源。长
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“DWS”,配置数据源参数。 图1 新建DWS数据源 数据源名称:数据源的名称,用于标识该数据源。长度为1
roCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“复制”,可复制连接器。 父主题: 连接器管理
在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待分享数据集中的,选择“分享”。 将链接分享给工作空间的其他成员,其他成员即可通过该链接打开数据集。 父主题: 数据集管理
如页面一,并拖入玫瑰花饼图和基本饼图。 图1 页面一 单击,保存页面后单击,发布页面。 参考上述操作,新建页面二和页面三,分别拖入多区域折线图和基本柱图,并发布。 图2 页面二 图3 页面三 在页面一中,选中玫瑰花饼图,单击组件上方的,设置玫瑰花饼图和页面二之间的交互。 图4 与页面二之间的交互
在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击待删除数据源中的,选择“删除”。 数据源较多时,您可以直接搜索待删除数据源的名称,也可以按照数据源类型进行筛选。 在弹出的确认框中,单击“确定”,即可删除该数据源。 执行该操作,将会永久删除数据源,请谨慎操作。 父主题: 数据源管理
在AstroCanvas中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom" class="echarts-container"></div> </div> 父主题:
AstroCanvas预置组件新增高德地图和3D场景编辑器。 高德地图:高德地图是地图组件的一种,支持底图、样式、2D、3D模式、图标和飞线等动态配置,用于满足用户在GIS或IOC等场景对地图的要求。 3D场景编辑器:在AstroCanvas企业版实例中,为您预置了3D场景编辑器组件,用于实现3D模型的展示和编辑。
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据集中的,选择“复制到工作空间”。 在弹出的页面,选择目标工作空间,单击“确定”。 切换到目标工作空间,在“数据中心 > 数据集 > 全部”页面中,即可查看到对应的数据集。 父主题: 数据集管理
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“HTTP连接器”,配置数据源参数。 图1 新建HTTP连接器数据源 数据源名称:数据源的名称,用于标识该
输入上述转换器的数据处理代码,表示获取“result”数据。 新建数据集。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图3 新建数据集 数据集名称:数据集的名称,用于标识该数据集。本示例配置为getWarnDetailByStatus。
参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+
如何进行设置页面 如何切换Canvas平台主题颜色 如何设置分享码 如何进行版本回退 如何设置Token认证 AstroCanvas分享页Token签名校验使用说明 如何设置内容安全策略 如何自定义库 如何将AstroZero中的大屏项目迁移到AstroCanvas echarts组件自定义事件交互设置
、指标、图形、图例、提示、参考线和坐标轴七大类(不同的组件展示有所不同,请以实际展示的为准)。 图3 组件配置项面板 图4 组件七大分类设置效果 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图形是指组件中,
初识开发页面:AstroCanvas一站式数据可视化开发页面,由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成。在开发页面前,建议先了解其功能。 使用空白画布新建页面:通过拖拽组件、设置页面布局、组件数据和交互方式等,构建可视化页面。页面创建后,请根据自身业务需求,为页面添加组件。 使用模
位置,方便对齐页面组件,发布页面后网格线不会显示出来。开启网格后,支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式 根据需要选择页面适配方式。其中,等比缩放水平铺满、等比缩放垂直铺满和全铺满默认拥有自适应能力,无自适应指页面不会根据不同大小终端设备自适应显示。 图3 适应方式
getSafeUrl(url); SafeUtils.getSafeUrl('/test.html') //return:https://appcube.cn-north-4.huaweicloud.com/test.html SafeUtils.getSafeUrl('javascript:alert(123)')
在编辑页面状态下,选择“数据”,单击。 输入页面数据集的名称,单击“确定”。 图3 新建页面数据集 页面数据集名称:数据集名称长度为1~60个字符,可包括中文、字母、数字和下划线。 描述:新建数据集的附件描述信息,通常设置为数据集的功能或使用场景,长度为0~512个字符。 刷新周期:每隔多少秒从数据集中读取一次