检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框,选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后,您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片,单击可以修改当前图片。 缩放模式:单击下拉选项,可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。
隐藏组件 本章节介绍如何隐藏和显示画布中的组件。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“隐藏”,或在图层区右键单击选中某一个组件,选择“隐藏”。 图2 画布中隐藏组件
图表位置:设置图表在画布中的位置。单位为px。 图1 自定义背景组件 全局样式 背景色:单击颜色编辑器设置背景颜色。 背景图:设置组件的背景图片,您可以从本地上传图片素材。 缩放模式:单击下拉选项设置背景图片的缩放模式。可以选择为默认模式、按比例缩放、裁剪缩放、拉伸缩放。 羽化:输入数值或单击设置背景组件的边缘虚
图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-饼状图 全局样式 字体:设置图表中文字的字体。 标签属性 显示/隐藏标签属性:单击“标签属性”右侧的勾选框,表示显示标签属性,表示隐藏标签属性。 标签距中间:设置标签值和中间位置的距离。 轴距长度:设置标签的长度。 字号:设置标签值的字号。
y轴 显示/隐藏y轴:单击“y轴”右侧的勾选框,表示显示y轴,表示隐藏y轴。 文本:设置y轴的文本样式,包括字号、字体颜色、字体粗细、角度、轴标签。 轴单位:设置y轴的单位。 坐标轴:设置y轴的颜色。 网格线:设置y轴的网格线颜色。 图3 y轴-线状图 图例 显示/隐藏图例:单击“
显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 轴标签:设置x轴的文本样式,包括数据类型、字号、字体颜色、字体粗细、角度、标签间隔、最小标签、最大标签。 坐标轴:设置x轴的颜色。 网格线:设置x轴的网格线的颜色。 图2 x轴-柱状图 y轴 显示/隐藏y轴:
图例-关系网络图 数据 nodes:设置节点,包含以下三个字段。 name:节点的标签名。 imgPath:图片的链接地址。如果节点需要使用图片,可设置此参数值为图片的链接地址。如果此参数的值为空,节点显示为默认的圆形。 category:节点的数据系列字段,数据将根据category字段的值进行分组。
全局样式 设置图片标题的字体和字号。 动画 停顿:设置图片停顿显示的时长。 速度:设置图片切换的速度。 特效:设置图片切换的特效,支持水平滚动、垂直滚动。 图片 设置图片使用的缩放模板,支持默认比例、按比例缩放、裁剪缩放、拉伸缩放。 描述 背景色:设置图片标题的背景色。 字体颜色:设置图片标题的字体颜色。
显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细。 轴标签:通过拖动设置x轴显示文字的角度大小。 坐标轴:设置x轴的颜色。 网格线:设置x轴的网格线的颜色。 图3 x轴-折线柱图 y轴 显示/隐藏y轴:
显示辅助线距离画布左右/上下边界的距离。 显示/隐藏辅助线: 单击画布左上角的按钮,可以隐藏所有的辅助线,此时您无法添加辅助线。 辅助线被隐藏后,单击画布左上角的按钮,可以显示所有的辅助线,此时您也可以添加辅助线。 图7 显示/隐藏辅助线 删除辅助线: 在画布中,将鼠标移至某一条
居上、内部居下。 x轴 显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。 坐标轴:设置x轴的颜色。 轴刻度:单击单击“轴刻度”右侧的勾选框,表示显示轴刻度,表示隐藏轴刻度。 网格线:设置x轴的网格线颜色。
x轴-水平柱状图 y轴 显示/隐藏y轴:单击“y轴”右侧的勾选框,表示显示y轴,表示隐藏y轴。 标签:设置y轴的文本样式,包括字号、字体颜色、字体粗细、角度。 坐标轴:设置y轴的颜色。 网格线:设置y轴的网格线颜色。 图3 y轴-水平柱状图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。
y轴-散点图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。 布局:设置图例的布局样式,包括位置、左右间距、上下间距、间距间隔。 图4 图例-散点图 提示信息 显示/隐藏提示信息:单击“提示信息
y轴-气泡图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。 布局:设置图例的布局样式,包括位置、左右间距、上下间距、间距间隔。 图4 图例-气泡图 提示信息 显示/隐藏提示信息:单击“提示信息
线条宽度:输入数值或单击设置分割线的线条宽度。 图3 分割线-雷达图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的字号、颜色和字体粗细。 布局:设置图例的位置,左右间距,上下间距,图例间距。 提示信息 显示/隐藏提示信息:单击“提示信息”右侧的勾选框,表示预览组
媒体 图片 视频 轮播图 FLV视频流播放器 RTMP视频流播放器 父主题: 组件指南
柱子样式-水平正负柱图 值标签 显示/隐藏值标签:单击“值标签”右侧的勾选框,表示显示值标签,表示隐藏值标签。 字号:设置值标签的字号大小。 字体粗细:设置值标签的字体粗细样式。 图3 值标签-水平正负柱图 x轴 显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 文本:设置x
显示名:组件包在组件列表中的显示名,可随时修改。显示名只能包含字母、数字、下划线、中划线、中文字符,且长度不超过32个字符。 封面:点击上传组件包封面图片,图片大小不超过1MB,仅支持png/jpeg/jpg/bmp格式。 描述:组件包的相关描述信息,长度不超过200个字符。 图2 新建组件包 开发自定义组件
增加散点图、线状图、气泡图及对应宽表的X轴时间格式控制 基础平面地图子组件增加悬浮文本框,动画效果展示 地理搜索组件增加下拉三角颜色配置和结果样式的初始化赋值 图片组件支持直接从url地址获取图片 优化功能 组件交互内容优化:一个组件可以引用多个交互组件的变量 修复缺陷 修复表格轮播组件,在数据面板中新建系列时,系列名默认显示的问题
填充设置-基础平面地图 标签 显示/隐藏标签:单击“标签”右侧的勾选框,表示显示标签,表示隐藏标签。 字体:设置填充的颜色和透明度。 颜色:设置值标签的字体颜色。 字号:设置标签的字号大小。 字体粗细:设置标签的字体粗细样式。 图5 标签-基础平面地图 视觉映射 显示/隐藏视觉映射:单击“标签”