# 词云
# 属性
# 基础
基本属性: 同组件管理 -> 属性 -> 基本属性
系列颜色: 词云的颜色。支持颜色填充,默认情况下词云的颜色为随机。
# 系列
图形: 词云的图形。
宽度: 词云的宽度。
高度: 词云的高度。
字体范围: 词云字体的范围大小。
字体间距: 词云字体之间的间距大小。
超出画布: 是否超出画布。
字体旋转: 词云内字体是否旋转。
旋转角度: 词云内字体旋转的角度。
词云文字样式: 词云内文字的样式设置。
随机颜色: 词云内字体颜色是否随机。
- 字体颜色: 词云内字体的颜色。
字体粗细: 词云内字体的粗细。
特殊词设置: 词云内特殊词的样式设置。
特殊词数: 词云内特殊词的个数。
字体颜色: 词云内特殊词的颜色。
字体粗细: 词云内特殊词的粗细。
文字高亮样式: 词云内高亮文字的样式设置。
字体颜色: 词云内高亮文字的字体颜色。
阴影颜色: 词云内高亮文字的阴影颜色。
阴影大小: 词云内高亮文字的阴影大小。
# 标题
# 图例
# 提示框
# 工具栏
# 时间轴
# 数据
# 静态数据
上图中的示例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: 度量,词云包含的文字的个数。
# 数据资源
# 交互
# 点击事件
勾选启用,开启组件交互功能。当单击词云图形时,绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值,触发数据请求,查询相关数据,更新组件。具体配置请参考组件交互。
# 数据响应
词云支持数据响应配置。
# 节点编程
# 事件
点击事件: 词语单击触发事件。
- 抛出的参数: 词语所携带的数据。
图表配置转换完成后: 图表 Option 配置转换完成后事件。
- 抛出的参数: 配置完成后的 Option 。
图例切换事件: 图表图例切换时触发。3.0+
- 抛出的参数: 切换的图例名称及选中状态。
时间轴切换事件: 时间轴节点切换时触发。3.0+
- 抛出的参数: 时间轴节点名称。
# 动作
导入图表配置: 可导入 Echarts 图表 Option 配置。
- 接收的参数: 修改后的 Option 。
设置图例: 设置图例的选中状态。3.0+
{ "类型一": true, "类型二": false, "类型三": false }
设置时间轴: 设置活动的时间轴节点。 3.0+
- 接受参数: 时间轴节点名称。例如:
{ "value": "2021" }