检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通换行来查看图例。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图7 气泡图提示 图8 气泡图设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图8。
通换行来查看图例。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图7 散点图提示 图8 散点图设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图8。
3D场景编辑器”中,拖拽“图观端场景编辑器”组件至画布空白区域,如图1。 图1 图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。 图2 图观端场景编辑器配置 容器名称:设置容器的名称,命名必须唯一。名称是组件的唯一标识,设置后其他3D组件会通过这个标识,识别到这个容器,并在容器上进行渲染。
数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 ROMA连接器配置示例 API接口:API请求路径。 请求类型:请求的类型,如GET、POST。
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
数据集 选择在“数据中心”中配置的数据集,作为组件数据来源。选择此方式时,请确保数据集已在数据中心创建,详情请参见数据中心。 数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。
eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下: // 组件事件配置项,定义组件事件结构及说明,给全局变量映射使用
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时,默认组件需要对接数据集。配置示例如下:
跨页面复制组件 通过复制到功能,可快速将组件复制到其他页面,从而高效完成多个同类型组件配置项参数之间的传递。 跨页面复制组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。
stroCanvas为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“管理”,进入管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。
创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 查询类型:设置查询数据的类型,如查询时间范围内的数据或瞬时数据。
在页面右上角,单击“账号名”,选择“本地部署”。 在本地部署信息中,单击“版本列表”,下载AstroCanvas运行环境部署包。 图3 下载新版本的运行环境部署包 解压已获取的AstroCanvas运行环境部署包,获取private-deploy-版本号.jar包。 进入私有化部署安装指导中私有化部署的AstroCanvas目录。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图8 基本饼图图形 颜色:设置图表中,图形的颜色。 统一配置:统一配置中设置的内容,对图表中所有数据系列均生效。 数据系列:图表是否显示数据系列。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。
百分号左间距:设置数值和百分比之间的间距。 提示 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 图11 轮播饼图提示 图12 开启提示效果图 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图12。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。
其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按钮显示
作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget.editor.js中定义事件 eventConfig:
静态数据数据集 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
过50MB。 激活背景样式:选中选项卡时,显示的背景样式,支持颜色和图片两种样式。 激活背景色:选中选项卡,即激活状态下的背景色。“激活背景样式”设置为“颜色”时,才显示该参数。 激活背景样式 > 填充方式:选中选项卡时,背景图片的填充方式,如拉伸、居中等。“激活背景样式”设置为“图片”时,才显示该参数。
拖拽到画布中进行配置,完成可视化应用项目的开发。更多关于组件的介绍,请参见组件介绍。 2 图层 在图层列表中,可以查看到画布中各个组件的图层位置,也可以根据可视化应用需要,手动调整每个组件图层的上下位置关系。更多关于图层的介绍,请参见图层管理。 3 工具栏 工具栏位于编辑器页面的
选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据,您也可以自定义静态数据。 静态数据 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。 图1 选择静态数据