# 词云

# 属性

# 基础

基础

# 系列

  • 图形: 词云的图形。

  • 宽度: 词云的宽度。

  • 高度: 词云的高度。

  • 字体范围: 词云字体的范围大小。

  • 字体间距: 词云字体之间的间距大小。

  • 超出画布: 是否超出画布。

  • 字体旋转: 词云内字体是否旋转。

  • 旋转角度: 词云内字体旋转的角度。

基础

  • 词云文字样式: 词云内文字的样式设置。

    • 随机颜色: 词云内字体颜色是否随机。

      • 字体颜色: 词云内字体的颜色。
    • 字体粗细: 词云内字体的粗细。

基础

  • 特殊词设置: 词云内特殊词的样式设置。

    • 特殊词数: 词云内特殊词的个数。

    • 字体颜色: 词云内特殊词的颜色。

    • 字体粗细: 词云内特殊词的粗细。

基础

  • 文字高亮样式: 词云内高亮文字的样式设置。

    • 字体颜色: 词云内高亮文字的字体颜色。

    • 阴影颜色: 词云内高亮文字的阴影颜色。

    • 阴影大小: 词云内高亮文字的阴影大小。

# 标题

组件管理 -> 属性 -> 标题

# 图例

组件管理 -> 属性 -> 图例

# 提示框

组件管理 -> 属性 -> 提示框

# 工具栏

组件管理 -> 属性 -> 工具栏

# 时间轴

组件管理 -> 属性 -> 时间轴。。

# 数据

# 静态数据

基础

上图中的示例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"
      }
    
Last Updated: 9/6/2022, 10:55:25 AM