检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图 水平堆叠柱图 数据标记柱图 瀑布柱图 基本柱图 散点图 气泡图 雷达图 父主题： 组件介绍
图层管理 视图切换 组件图层位置移动 筛选组件
地图 高德地图 地图 OpenLayers地图 父主题： 组件介绍
Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于域名分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。
描边：实心圆饼图间系列和整体范围的描边样式。 设置背景：设置饼图的背景。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式。 单色：可设置正常颜色和高亮下颜色。
图层透明度：设置图层的透明度。 图层样式 颜色设置：设置图层的颜色，单击“新增颜色设置”，可添加新的颜色。 最大值：热力值的最大值，默认为数据中的最大值，也可以自定义设置，会控制热力的最热区域的显示效果。 最小值：热力值的最小值，默认为数据中的最小值，也可以自定义设置，会控制热力的最冷区域的显示效果。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置分割线的颜色。 图4 分割线配置 交互 在交互中，配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
标题离容器上边距：标题距离组件上方的距离。 标题离容器左边距：标题距离组件左边的距离。 字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 进度条图形 颜色：设置图表中，图形的颜色。 统一配置
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
根据图标图片的数量，会将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的图标。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的图标，区域范围外的图标将不显示。 图片宽度：设置图片的宽度。 图片高度：设置图片的高度。 上下偏移：设置图标根据点经纬度的上下偏移。
图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 矩形水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。
表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 渐变色饼图图形 颜色：设置组件中图表的图例颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。 南丁格尔图：是否使用南丁格尔图。 内半径：设置饼图内半径的值，单位%。 外半径：设置饼图外半径的值，单位%。
图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 钻石水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。
G和GIF格式的图片，且每张图片的大小不超过50MB。 选项卡设置 初次激活是否触发事件：初次激活选项卡时，是否触发事件。 初次激活选项卡：页面加载后显示的激活状态下的选项卡。 选项卡数量：选项卡Tab的数量。 选项卡1/2名称：选项卡显示的名称。 交互 在交互中，配置选项卡组件
卡片背景色：设置组件卡片的背景颜色。 卡片宽度：卡片的宽度，取值范围为[0, 200]，单位为px。 卡片高度：卡片的高度，取值范围为[0, 200]，单位为px。 卡片左间距：卡片和组件左边框的间距，取值范围为[0, 200]。 卡片右间距：卡片和组件右边框的间距，取值范围为[0,
自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中，设置路由视图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 导航
组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1
图表标题：图表标题是否显示，支持自定义或者从系列中获取。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水滴水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。
筛选组件 在图层中，支持按组件名称、组件标题和组件类型进行筛选，帮助您更加高效的选择所需要的组件。 筛选组件 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 在图层中，单击，筛选组件。 图1 筛选组件 父主题： 图层管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
