检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在页面一中,选中玫瑰花饼图,单击组件上方的,设置玫瑰花饼图和页面二之间的交互。 图4 与页面二之间的交互 页面类型:选择待跳转页面的类型,支持选择本项目内页面或外部页面。 内部页面:选择待跳转的具体页面。“页面类型”设置为“内部页面”时,才显示该配置。 外部页面地址:选择待跳转的外部页面地址,可以直
轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果 图8 多区域折线图X轴数据轮播效果 间隔时间:设置图表的轮播时间间隔,不能大于24秒。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。
自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能 如何使用高级表格的后台筛选功能
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 基本折线图图形 颜色:设置组件中,图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。“折线类型”选择“平滑”时,基本折线图近似曲线图。 折线宽度:设置图形中折线的宽度,取值范围为0~100。
input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是 name: "commProps.myString" 该字段的值与adv
将静态数据保存为数据集 在弹出的提示页面,如果单击“确定”,可将当前组件的“数据类型”修改为静态数据保存后的数据集。 图5 将组件数据替换为数据集 父主题: 数据接入
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 区域图图形 颜色:设置组件中,图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置折线的宽度。 拐点尺寸:设置折线的拐点尺寸。 数据标签:是否显示数据标签,支持设置标签颜色。
在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。 数据类型:选择“关系型数据库”。 数据源:选择关系型数据库数据源中,创建的数据源。 目录:设置数据集的存放目录,
从组件数据中进入盘古助手 参考使用空白画布新建页面中操作,新建一个空白页面。 在“组件”页签中,拖拽所需的组件到画布中。 选中组件,单击组件上方的,进入组件数据设置页面。 在“数据类型”中,选择数据源类型,并选择数据源。 在“数据配置”下方,单击“+”,选择“转换器”。 选中转换器,此时页面会出现一个图标。
内容:自定义标题的内容。 字体:设置自定义标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、居中或右对齐。 标题背景色:设置标题的背景颜色。 内边距: 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量:设置标题与指标之间的距离。 图5 标题偏移量
创建项目 (可选)新建分组 创建大屏&PC端项目 创建移动端项目
选择在“数据中心”中配置的数据集,作为组件数据来源。选择此方式时,请确保数据集已在数据中心创建,详情请参见数据中心。 数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。 图1
referenceLine 图表的X、Y轴参考线配置。 metrics 指标-自定义 metrics 图表的指标配置,如显示/隐藏、内容和样式控制。 自定义分类 自定义分类时,可以使用分类的对象形式,对象中可以配置的字段如下表所示。 表2 自定义分类对象中的字段 字段 类型 示例 说明 tip
目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 标签:SQL作业的标签。单击“标签”后的“展开”,设置标签的键“key”和标签的值“value”,即在DLI构建数据中设置的标签。
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
该组件的描述信息。设置后,内容将会在组件详情页的“概况”页签下进行展示。 操作 单击操作列中的,可上传组件图标。 单击操作列中的,可删除上传的组件包。 上传成功后,返回我的组件页面,可查看到已上传的组件。 图2 查看已上传的BarGraph组件 在大屏页面中使用自定义组件。 参考使用空白画布新建页面中操作,新建一个大屏页面。
图层管理 视图切换 组件图层位置移动 筛选组件
地图 高德地图 地图 OpenLayers地图 父主题: 组件介绍
API说明 init 组件渲染的入口函数,组件自己实现继承,使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口,组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值,用于查看与Connector相关的信息。 getConnectorInstanceByName