检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
WT线图 本章节主要介绍WT线图组件各配置项的含义。 样式 WT线图和线状图的样式配置相似,请参考样式配置WT线图的样式。 数据 WT线图和WT柱图的数据配置相似,请参考数据配置WT线图的数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 线状图类
字号:提示信息的字体大小。 字体粗细:提示信息的字体粗细样式。 图6 提示信息 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
本章节主要介绍跑马灯组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 跑马灯 全局样式 颜色:单击颜色编辑器设置组件文本的字体颜色。 字号:设置组件文本的字号大小。 字体:设置组件文本的字体。 字体粗细:设置组件文本的字体粗细样式。
类目下的多个不同系列的值,在一个图表中即可展示每个类目的多个系列之间的数据比较情况以及每个系列的各类目之间的数据变化趋势。 本章节主要介绍双轴折线柱图组件各配置项的含义。 图1 双轴折线柱图 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。
本章节主要介绍装饰组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 装饰 样式 缩放模式:单击下拉选项,设置缩放模式的类型。可选择为默认、按比例缩放、裁剪缩放、拉伸缩放。 样式:设置装饰的样式,系统已预置多种样式供用户选择。
本章节主要介绍时间轴组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间轴 全局样式 字体:设置组件文本的字体类型。 轮播:勾选时,组件会进行轮播。 时间间隔:输入数值或单击设置轮播时的时间间隔。此参数只有在“轮播”为勾选状态时才有效。
s字段为数据系列字段,数据将根据s字段的值进行分组。如图3所示:s的值等于1的数据为一组,s的值等于2的数据为一组。 新增数据系列 单击s字段后方的,增加数据系列。 配置数据系列 单击数据系列前方的,在展开的页面中配置数据系列的如下样式。 系列名:设置数据系列的名称。 样式:设置数据系列的坐标点形状,可以选择圆形、矩形、三角形等。
单击img字段右侧的按钮可添加一个自定义图标样式。对于已添加的自定义样式,单击某个系列右侧的按钮可删除该系列。 添加自定义样式,配置如下: 系列值:输入img字段的某个值。如果源数据中的某个区域的img字段和该值相同,则在区域排行中显示为该自定义样式的图标。如果源数据中的区域的img字段
文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。 轴标签:设置x轴的最大值、最小值和分割数。 轴单位:设置x轴的单位名称和字体颜色。 坐标轴:设置x轴的颜色。 轴刻度:单击“轴刻度”右侧的勾选框,表示显示轴刻度,表示隐藏轴刻度。 网格线:设置x轴的网格线的颜色。 图4
字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。 各系列依次动画:开启后,
删除组件 本章节介绍如何删除画布中的组件,删除后的组件将无法恢复,请谨慎操作。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“删除”,或在图层区右键单击选中某一个组件,选择“删除”
e2 在浏览器中或在应用程序代码中,访问添加hash参数后的大屏URL,即可访问参数所指定的大屏数据。 通过上一个步骤示例中的URL访问大屏,在页面打开时,大屏组件的交互变量var的值会设置为value,交互变量var2的值会设置为value2。 父主题: 管理组件
本章节主要介绍边框组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 边框 样式 设置边框的样式,系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
颜色:单击颜色编辑器设置极轴的颜色。 宽度:输入数值或单击设置极轴的宽度。 分割线 颜色:单击颜色编辑器设置分割线的颜色。 线条数量:输入数值或单击设置分割线的线条数量。 线条样式:单击下拉框设置分割线的线条样式。 线条宽度:输入数值或单击设置分割线的线条宽度。 填充颜色 颜色:单击颜色编辑器修改各区域的颜色。
可设置动画一次播放的时间,时间单位为毫秒。 图2 内容-轮播列表柱状图 柱子样式 背景:设置柱子的背景颜色。 颜色:单击颜色编辑器设置柱子的颜色。 高度:输入数值或单击设置柱子的高度。 流光 颜色:单击颜色编辑器设置流光的颜色。 长度:流光的长度。 高度:流光的高度。 值标签:显
本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。
on和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lat:散点的纬度。 lon:散点的经度。 value:散点的值,与样式中的“大小”一起决定散点的大小,value值越大,散点越大。 数据源的数据格式为JSON格式,示例如下:
交互功能可以实现图表联动,通过组件之间参数的传递来实现,单击某一个图表,另外一个图表的数据可以进行相应的变化。 例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做变量输入,格式为${name},如图2所示:
本章节主要介绍仪表盘组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 仪表盘 全局样式 设置仪表盘中文字的字体、仪表盘大小、分割数。 标题 设置仪表盘中标题的字号、字体粗细、字体颜色。 轴属性 轴线:设置轴线的粗细。 轴刻度:设置轴刻度的长度、粗细、颜色。
本章节主要介绍WT双轴折线柱图组件各配置项的含义。 图1 WT双轴折线柱图 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 全局样式 字体:组件中文本的字体。 柱子样式 柱子宽度:柱子的宽度。 柱子圆角度:柱子的圆角度。 系列间距:两个相邻的系列之间的距离。 边距