词云
词云
属性
基础
组件标题： 用于在图层和节点编程中显示组件的名称。修改后在图层和节点编程中搜索组件时按照新标题进行搜索。1.1+
组件尺寸： 组件的宽度和高度，单位为
px。- 锁定纵横比：：单击
切换是否锁定纵横比，锁定时调整组件尺寸保持其宽度与高度的比例不变。 2024.3+
- 锁定纵横比：：单击
组件位置： 组件在大屏中的位置，包括组件的横坐标和纵坐标，单位为
px。横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。隐藏时解析： 默认组件设置隐藏后组件不解析，组件配置的数据资源及交互事件，节点编程事件都不会执行。当开启隐藏时解析时，上述功能将执行。
提示
隐藏时解析常用于页面中不需要展示组件但要获取相关数据。
- 系列颜色： 词云的颜色。支持颜色填充，默认情况下词云的颜色为随机。
系列
图形： 词云的图形。
宽度： 词云的宽度。
高度： 词云的高度。
字体范围： 词云字体的范围大小。
字体间距： 词云字体之间的间距大小。
超出画布： 是否超出画布。
字体旋转： 词云内字体是否旋转。
旋转角度： 词云内字体旋转的角度。
随机颜色： 词云内字体颜色是否随机。
文字样式： 词云内文字的样式设置。
字体颜色： 词云内字体的颜色。
字体粗细： 词云内字体的粗细。
字体： 词云内字体的粗细。
阴影颜色： 词云内字体的粗细。
阴影大小： 词云内字体的粗细。
X 轴偏移： 词云内字体的粗细。
Y 轴偏移： 词云内字体的粗细。
- 高亮文字样式： 词云内高亮文字的样式设置。其属性配置与 文字样式 相同。
标题
标题通常对图表进行概括性说明，包含主标题和副标题。
显示标题： 组件是否显示标题。默认为不显示。
内容
标题
主： 可设置主标题展示的内容。
副： 可设置副标题展示的内容。
超链接： 可对组件标题进行链接配置，实现页面跳转。
主： 配置主标题跳转链接，以打开新窗口的形式进行跳转。仅在开启标题且主标题内容不为空时可用。
副： 配置副标题跳转链接，以打开新窗口的形式进行跳转。仅在开启标题且副标题内容不为空时可用。
位置
水平对齐： 主副标题在水平方向的位置，可选
对齐、绝对值和百分比。对齐： 主副标题在水平方向对齐方式，可选
左、中和右。绝对值： 主副标题与组件左上角的水平间距，单位为
px。百分比： 主副标题与组件左上角的水平间距，单位为
%。
垂直对齐： 主副标题在垂直方向的位置，可选
对齐、绝对值和百分比。对齐： 主副标题在水平方向对齐方式，可选
上、中和下。绝对值： 主副标题与组件左上角的垂直间距，单位为
px。百分比： 主副标题与组件左上角的垂直间距，单位为
%。
外观
内边距： 主副标题距组件上下左右的边距。值越大边距越大。
主副间隔： 主标题与副标题之间的间隔。值越大间隔越大。
主标题文本样式
字体颜色： 可设置主标题文字颜色。默认颜色跟随主题变化。
字体大小： 主标题文字大小。值为正数，值越大字体越大。单位为
px。字体粗细： 主标题字体粗细，可选
普通、加粗和更细。字体： 主标题字体样式，可选系统内置字体和自定义字体。
副标题文本样式
字体颜色： 可设置副标题文字颜色。默认颜色跟随主题变化。
字体大小： 副标题字体大小。值为正数，值越大字体越大。单位为
px。字体粗细： 副标题字体粗细，可选
普通、加粗和更细。字体： 副标题字体样式，可选系统内置字体和自定义字体。
工具栏
为用户提供了一系列便捷的工具，用于与图表进行交互或对图表进行操作。
显示： 组件是否显示功能按钮。
功能按钮
保存为图片按钮： 将当前图表保存为图片。仅在开启工具栏显示且开启当前按钮显示时生效。
还原按钮： 恢复图表的初始状态。仅在开启工具栏显示且开启当前按钮显示时生效。
数据视图按钮： 以表格形式查看图表的数据。仅在开启工具栏显示且开启当前按钮显示时生效。
位置朝向
排列方式： 功能按钮的布局朝向，可选
水平、垂直。水平对齐： 功能按钮在水平方向的位置，可选
对齐、绝对值和百分比。对齐： 功能按钮在水平方向对齐方式，可选
左、中和右。绝对值： 功能按钮与组件左上角的水平间距，单位为
px。百分比： 功能按钮与组件左上角的水平间距，单位为
%。
垂直对齐： 功能按钮在垂直方向的位置，可选
对齐、绝对值和百分比。对齐： 功能按钮在水平方向对齐方式，可选
上、中和下。绝对值： 功能按钮与组件左上角的垂直间距，单位为
px。百分比： 功能按钮与组件左上角的垂直间距，单位为
%。
图表尺寸
图标大小： 功能按钮的大小。值越大，按钮图标越大。
间隔： 功能按钮之间的距离。值越大，按钮之间的距离越大。
时间轴
用于展示时间序列数据，用户可以通过滑动或点击时间轴上的节点，查看不同时间点的数据状态。
显示： 是否开启时间轴，组件初始化不开启时间轴。开启后需在数据配置面板添加对应的时间轴字段配置。
轴的类型： 设置时间轴数据类型，可选
数值轴、类目轴、时间轴。设置为时间轴时，组件会对值进行时间格式转换。当前选中项： 设置默认选中时间轴的数据项。值为数据索引。
自动播放： 设置是否自动播放。开启后组件渲染完成会自动切换数据。
循环播放： 设置是否循环播放。开启后当播放到最后一组数据时继续从第一组数据开始播放。
反向播放： 设置是否反向播放。开启后数据从后至前进行播放。
拖拽更新： 设置是否可以拖拽改变时间点。开启后可用鼠标拖拽轴线上的时间点进行更新组件。
反向放置： 设置进度条是否反向放置。开启后进度条从后至前渲染数据。
时间间隔： 设置时间轴自动播放的时间间隔。值越大，间隔时间越长。
摆放方式： 设置时间轴摆放方式，可选
水平、垂直两个方向。左边距： 设置时间轴与组件左边的距离，可选
自适应、绝对值、百分比。右边距： 设置时间轴与组件右边的距离，可选
自适应、绝对值、百分比。上边距： 设置时间轴与组件上边的距离，可选
自适应、绝对值、百分比。下边距： 设置时间轴与组件下边的距离，可选
自适应、绝对值、百分比。标记图形： 设置时间轴轴线上时间点的显示图形，可选
无、圆、矩形、三角形。默认为圆。标记大小： 设置时间轴轴线上时间点图形的大小。值越大图形越大。
旋转角度： 设置时间轴轴线上时间点图形的旋转角度值。
轴线
普通状态
显示： 设置是否显示时间轴的轴线。默认为开启状态。
颜色： 设置轴线的颜色。
宽度： 设置轴线的宽度。值越大轴线越宽，默认轴线宽度为1
类型： 设置轴线样式，可选
实线、虚线、点状线。
完成状态4.5+
颜色： 设置播放完成后轴线的颜色。
宽度： 设置播放完成后轴线的宽度。值越大轴线越宽，默认轴线宽度为1
类型： 设置播放完成后轴线样式，可选
实线、虚线、点状线。
文本标签
文本标签： 设置时间轴的文本标签，可用于说明图形的一些数据信息，例如值、名称等。
显示： 时间轴上时间点是否显示文本标签。默认为开启状态。
内容格式器： 用来格式化时间轴文本，支持字符串模板和回调函数两种形式。字符串模板可直接使用
enter按键进行换行，回调函数返回的字符串可以用\n换行。支持从HETU内置函数中获取变量值。2024.5+字符串模板：
{name}回调函数： 可直接输入函数体，系统提供了两个参数
data和HETU。
return data;字体颜色： 设置文本标签字体的颜色。
字体大小： 设置文本标签字体的大小。值越大字体越大。
字体粗细： 设置文本标签字体粗细，可选
普通、加粗、更细。字体： 设置文本标签字体样式，可选系统内置字体与自定义字体。
标签位置： 设置文本标签与轴线的距离。值越大距离越大。
旋转角度： 设置文本标签旋转的角度。
对齐方式： 设置文本标签对齐方式，可选
左、中、右。
高亮标签： 同 文本标签
图形样式
渐变色： 点击
开启渐变色。渐变色方向： 每个图形渐变色的方向，可为
正下到正上、左下到右上和右上到左下。正下到正上： 设置的两个颜色从上至下进行渐变，最上方显示第一个颜色，最下方显示第二个颜色。
左下到右上： 设置的两个颜色从左下角至右上角进行渐变，左下角显示第二个颜色，右上角显示第一个颜色。
右上到左下： 设置的两个颜色从右上角至左下角进行渐变，左下角显示第一个颜色，右上角显示第二个颜色。
渐变色范围： 设置渐变色的颜色范围。
初始颜色： 点击第一个颜色选择器
设置渐变色的第一个颜色。渐变范围： 拖动
中滑块设置渐变范围，两侧滑块均可拖动。第一个滑块越靠右，则第一个颜色占比越高。第二个滑块越靠左，则第二个颜色越高。结束颜色： 点击第一个颜色选择器
设置渐变色的第二个颜色。
颜色： 设置图形的颜色，仅在
渐变色关闭时生效。描边颜色： 设置图形的描边颜色。
描边线宽： 设置图形的描边宽度。值为正数，值越大描边线越宽。
描边类型： 设置图形描边类型，可选
实线、虚线和点线。圆角半径： 设置图形的圆角。值为正数，值越大圆角越明显。支持
绝对值和百分比两种数值类型。阴影属性：
点击
设置阴影颜色。水平： 阴影的水平偏移量。值为0时阴影在组件下方，值大于0时阴影向右侧偏移，值小于0时阴影向左侧偏移。
垂直： 阴影的垂直偏移量。值为0时阴影在组件下方，值大于0时阴影向下方偏移，值小于0时阴影向下方偏移。
模糊： 阴影的模糊程度。值为0时阴影没有模糊效果，值越大阴影效果越明显。
高亮图形： 同 图形样式
完成状态： 同 图形样式
按钮设置
按钮设置： 对时间轴的按钮进行设置，例如播放按钮。
播放按钮： 时间轴是否添加播放按钮控件。默认为开启状态。
前进按钮： 时间轴是否添加前进按钮控件。默认为开启状态。
后退按钮： 时间轴是否添加后退按钮控件。默认为开启状态。
按钮尺寸： 时间轴已添加按钮的大小。值越大按钮越大。
按钮间隔： 按钮之间的距离。值越大距离越大。
颜色： 设置按钮的颜色。
边框颜色： 设置按钮边框线的颜色。
边框宽度： 设置按钮边框线的宽度。值越大边框越宽。
高亮按钮： 高亮按钮是设置按钮高亮的状态。仅对已经添加的按钮生效。
颜色： 高亮按钮的颜色。
边框颜色： 高亮按钮的边框线颜色。
边框线宽： 高亮按钮边框线宽度。
当前按钮设置
标记图形： 设置时间轴上当前时间点显示图形，可选
无、圆、矩形、三角形。默认为圆。标记大小： 设置当前时间点图标大小。值越大图标越大。
旋转角度： 设置当前时间点图标旋转的角度值。
颜色： 设置当前时间点图形的颜色。
边框颜色： 设置当前时间点图形的边框线颜色。
边框线宽： 设置当前时间点图形的边框线宽度。值越大边框越宽。
开启动画： 播放时组件是否启用动画。
动画时长(ms)： 设置动画的持续时间。值越大持续时间越长
缓动效果： 设置动画的缓动效果。
数据
静态数据
上图中的示例JSON代码如下：
[
{
"name": "汽车",
"value": 72
},
{
"name": "视频",
"value": 94
},
{
"name": "电视",
"value": 95
},
{
"name": "动漫",
"value": 29
},
{
"name": "音乐",
"value": 19
},
{
"name": "直播",
"value": 17
},
{
"name": "广播电台",
"value": 8
},
{
"name": "戏曲曲艺",
"value": 21
},
{
"name": "演出票务",
"value": 6
},
{
"name": "给陌生的你听",
"value": 83
},
{
"name": "资讯",
"value": 18
},
{
"name": "商业财经",
"value": 11
},
{
"name": "娱乐八卦",
"value": 38
},
{
"name": "科技资讯",
"value": 92
},
{
"name": "社会时政",
"value": 38
},
{
"name": "时尚",
"value": 41
},
{
"name": "网络奇闻",
"value": 66
},
{
"name": "旅游出行",
"value": 68
},
{
"name": "景点类型",
"value": 91
},
{
"name": "国内游",
"value": 7
},
{
"name": "远途出行方式",
"value": 35
},
{
"name": "酒店",
"value": 91
},
{
"name": "关注景点",
"value": 43
},
{
"name": "旅游网站偏好",
"value": 33
},
{
"name": "出国游",
"value": 87
},
{
"name": "交通票务",
"value": 6
},
{
"name": "旅游方式",
"value": 64
},
{
"name": "旅游主题",
"value": 79
},
{
"name": "港澳台",
"value": 66
},
{
"name": "本地周边游",
"value": 30
},
{
"name": "小卖家",
"value": 7
},
{
"name": "全日制学校",
"value": 15
},
{
"name": "基础教育科目",
"value": 24
},
{
"name": "考试培训",
"value": 89
},
{
"name": "语言学习",
"value": 50
},
{
"name": "K12课程培训",
"value": 63
},
{
"name": "艺术培训",
"value": 94
},
{
"name": "技能培训",
"value": 67
},
{
"name": "IT培训",
"value": 99
},
{
"name": "高等教育专业",
"value": 48
},
{
"name": "家教",
"value": 52
},
{
"name": "体育培训",
"value": 51
},
{
"name": "职场培训",
"value": 58
},
{
"name": "金融财经",
"value": 79
},
{
"name": "银行",
"value": 21
},
{
"name": "股票",
"value": 58
},
{
"name": "保险",
"value": 83
},
{
"name": "贷款",
"value": 74
},
{
"name": "基金",
"value": 32
},
{
"name": "信用卡",
"value": 27
},
{
"name": "外汇",
"value": 91
},
{
"name": "P2P",
"value": 25
},
{
"name": "债券",
"value": 43
},
{
"name": "网络理财",
"value": 7
},
{
"name": "信托",
"value": 10
},
{
"name": "征信",
"value": 65
},
{
"name": "公积金",
"value": 61
},
{
"name": "银行理财",
"value": 46
},
{
"name": "银行业务",
"value": 94
},
{
"name": "汽车档次",
"value": 48
},
{
"name": "汽车品牌",
"value": 45
},
{
"name": "汽车车型",
"value": 59
},
{
"name": "购车阶段",
"value": 33
},
{
"name": "二手车",
"value": 13
},
{
"name": "汽车美容",
"value": 98
},
{
"name": "新能源汽车",
"value": 51
},
{
"name": "汽车维修",
"value": 5
},
{
"name": "租车服务",
"value": 24
}
]name： 维度，词云包含的文字。
value： 度量，词云包含的文字的个数。
数据资源
选择数据资源： 切换到
数据资源标签，点击
可从数据管理或API中选择相应的数据资源作为组件的数据支撑。还原默认数据： 点击①处
刷新数据资源。搜索数据中的字段： 当列表中字段过多时，可通过搜索框搜索列表中的字段。
刷新字段列表： 点击②处
刷新字段列表字段类型
字符型： 标识符为
A。数值型： 标识符为
#。
交互
点击事件
勾选启用，开启组件交互功能。当单击词云图形时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考交互事件。
数据响应
词云支持数据响应。
节点编程
事件
点击事件： 词语单击触发事件。
- 抛出的参数： 词语所携带的数据。
图表配置转换完成后： 图表 Option 配置转换完成后事件。
- 抛出的参数： 配置完成后的 Option 。
图例切换事件： 图表图例切换时触发。3.0+
- 抛出的参数： 切换的图例名称及选中状态。
时间轴切换事件： 时间轴节点切换时触发。3.0+
- 抛出的参数： 时间轴节点名称。
动作
导入图表配置： 可导入 Echarts 图表 Option 配置。
- 接收的参数： 修改后的 Option 。
设置图例： 设置图例的选中状态。3.0+
{ "类型一": true, "类型二": false, "类型三": false }设置时间轴： 设置活动的时间轴节点。 3.0+
- 接受参数： 时间轴节点名称。例如：
{ "value": "2021" }