检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图观端场景编辑器用于实现3D模型的展示和编辑。购买“Astro大屏应用企业版”实例时,才会显示该组件。 在大屏设计页面,从“全部组件 > 3D场景编辑器”中,拖拽“图观端场景编辑器”组件至画布空白区域,如图1。 图1 图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。 图2 图观端场景编辑器配置
四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
新建连接器 操作场景 在华为云Astro大屏应用中,通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 新建连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。
参考模板:系统预置的组件样式模板,支持默认和带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多区域折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果
关注转换器 转换器创建后,通过关注功能,可集中管理已创建的转换器。 关注转换器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”。 在转换器管理页面,将鼠标放在待关注的转换器上,单击。
参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
组件配置项(Config配置) 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题: 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
静态数据数据集 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待删除数据集中的,选择“删除”。 数据集较多时,可直接搜索待删除数据集的名称,也可以按照数据集类型和状态进行筛选。
创建Prometheus数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。
、图标默认颜色、图标选中颜色和页码字体。 图例总宽高:设置图例项的宽度和高度,单位为“%”。 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记宽高:设置图例前图标的宽度和高度。 图例系列名 字体:设置图例的字体、颜色和大小。
drawEcharts(); }); 例如,调用了dmax_line这个数据集,返回值如下图所示: 图1 返回值 这个数据因为键值名称并不是x、y和s,所以并不能渲染。此时需要一层映射,例如将name映射到x上,将ranking映射到y上,将series映射到s上。但是每次这个映射都不固
四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左
删除连接器 连接器删除后不可恢复,请谨慎操作。 删除连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“删除”。 在弹出的确认框中,单击“确定”,即可删除连接器。
创建DLI数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。
复制数据集 创建同类型数据集时,通过复制数据集功能,可减少重复操作,提升开发效率。 复制数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”。 在转换器管理页面,单击待删除转换器中的,选择“删除”。 转换器较多时,您可以直接搜索待删除转换器的名称,也可以按照目录和状态进行筛选。