检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击画布中的组件，在右侧选择“样式”页签，显示和配置组件的样式。 本示例使用默认的样式，如需了解更多样式配置，请参见设置组件样式。 图3 配置组件样式 在右侧选择“数据”页签，配置组件的数据。 本示例使用静态数据，如需了解更多数据配置，请参见设置组件数据。 图4 配置组件数据 在右侧选择“交互”页签，配置组件的交互。
数据 如何使用组件的数据配置，请参照设置组件数据。 value：漏斗图中各层显示的值标签。 s：s字段为数据系列字段，数据将根据s字段的值进行分组。 新增数据系列：单击s字段后的，增加数据系列 配置数据系列： 单击数据系列前方的>，在展开的面板中配置该系列的指定样式。 交互 关
件将会先被上传到该OBS目录中。配置示例如图3所示。 当“文件来源”选择“OBS文件”时，单击“OBS”按钮，在弹出框中选择存储在OBS桶中的CSV文件。配置示例如图4所示。 CSV文件的格式要求，请参见CSV文件格式说明。 请确保您已具有该配置项所指定的OBS桶的读、写权限。 文件
单击“预览结果”，数据响应成功后可查看结果。 图6 查看数据响应结果 根据响应数据的属性名称配置字段映射。配置“y”为“y”，“s”为“z”。单击“s”右侧的增加三个系列值分别为“z”的值，并配置不同的显示颜色。 图7 配置映射关系 配置完成后的大屏组件效果如下图所示。 图8 大屏效果图 父主题： 新建数据连接
装饰 本章节主要介绍装饰组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 装饰 样式 缩放模式：单击下拉选项，设置缩放模式的类型。可选择为默认、按比例缩放、裁剪缩放、拉伸缩放。 样式：设置装饰的样式，系统已预置多种样式供用户选择。
粗细：耀斑的粗细。 颜色：飞线的颜色。 数据 图6 地图飞线 - 数据 字段映射：地图飞线的数据格式包含以下2个字段，请配置以下2个字段映射到数据源中的字段名称，如果配置为空，则表示字段名称和所映射的数据源中的字段名称相同。 from：飞线起点位置的经度和纬度，经纬度之间以逗号分隔。
粗细：耀斑的粗细。单位px。 颜色：飞线的颜色。 数据 图3 地图飞线-数据 字段映射：地图飞线的数据格式包含以下2个字段，请配置以下2个字段映射到数据源中的字段名称，如果配置为空，则表示字段名称和所映射的数据源中的字段名称相同。 from：飞线起点位置的经度和纬度，经纬度之间以逗号分隔。
值参考以下步骤进行配置。 单击“添加子组件”，添加地图飞线。 图2 添加地图飞线-3D世界地图 单击“地图飞线”，进入地图飞线的配置页面。 在“样式”页签，配置飞线的飞行速率、飞线粗细、飞线长度和颜色。 图3 配置地图飞线样式-3D世界地图 在“数据”页签，配置飞线的起点和终点的经纬度。
玫瑰图 本章节主要介绍玫瑰图组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 尺寸位置-玫瑰图 全局样式 字体：设置图表中文字的字体。 数据展示：单击下拉选项，设置组件的“数据展示”类型。可选择为半径、面积。
编辑大屏 在画布中，选中其中一个组件，单击“数据”面板，在打开的数据面板中修改数据配置。 数据映射 当数据源返回的数据中属性名与字段相同时会自动完成映射，若数据复杂则需要手动输入返回的数据属性名称来配置映射。 图3 字段映射 自动更新 当自动更新请求被勾选时，会每隔一定时间向后台发
样式、位置的经纬值参考以下步骤进行配置。 单击“添加子组件”，添加地图飞线。 单击“地图飞线”，进入地图飞线的配置页面。 在“样式”页签，配置飞线的飞行速率、飞线粗细、飞线长度和颜色。 图1 配置地图飞线样式-3D中国地图 在“数据”页签，配置飞线的起点和终点的经纬度。 数据格式
Tab页签 本章节主要介绍Tab页签组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 Tab页签 全局样式 布局类型：设置页签的布局类型。可选择设置为横向、纵向。 对齐方式：设置页签的对齐方式，可
、log型。 分割数：当“数据类型”为“数值型”或“时间型”时，显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时，该配置项不生效。 字号：设置x轴文本的字号大小。 颜色：设置x轴文本的字体颜色。 字体粗细：设置x轴文本的字体粗细样式。 角度：设置x轴文本的角度大小。
以下以表格轮播组件为例，介绍如何实现下钻交互。 创建一个大屏，进入大屏编辑页面，添加组件，以添加表格轮播组件为例。 单击组件，在“数据”面板中，展开某一个系列字段，为该系列配置“超链接”和“链接方式”。 超链接：表示点击组件中的某一数据时，网页将会指向的目标链接。 链接方式：有新窗口、当前页、浮窗三种超链接展示方式。假设在本示例中选择“浮窗”方式。
单击查看数据响应结果，数据响应成功后可查看结果。 图6 查看数据响应结果 根据响应数据的属性名称配置字段映射。 配置“y”为“volume”，“s”为“way”，并设置图例的颜色，配置完成后的效果如下图所示。 图7 大屏效果图 父主题： 新建数据连接
、log型。 分割数：当“数据类型”为“数值型”或“时间型”时，显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时，该配置项不生效。 颜色：设置x轴的颜色。 图2 x轴-线状图 y轴 显示/隐藏y轴：单击“y轴”右侧的勾选框，表示显示y轴，表示隐藏y轴。
边框 本章节主要介绍边框组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 边框 样式 设置边框的样式，系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法，请参考设置组件事件交互。
饼状图 本章节主要介绍饼状图组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 尺寸位置-饼状图 全局样式 字体：设置图表中文字的字体。 标签属性 显示/隐藏标签属性：单击“标签属性”右侧的勾选框，表示显示标签属性，表示隐藏标签属性。
水平正负柱图 本章节主要介绍水平正负柱图组件各配置项的含义。 图1 水平正负柱图 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。
水平叠加柱状图 本章节主要介绍水平叠加柱状图组件各配置项的含义。 图1 水平叠加柱状图 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 系列间距：设置图表系列之间的间距。 边距 顶部
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
