# 词云

# 属性

# 基础

  • 组件标题: 用于在图层中显示组件的名称。1.1+

  • 组件尺寸: 组件的宽度和高度,单位为px

  • 组件位置: 组件在大屏中的位置,通过横纵坐标来定义,单位为px

  • 旋转角度: 组件在大屏中旋转的角度。

  • 透明度: 组件的透明度。

  • 背景颜色: 组件的背景颜色。

  • 系列颜色: 词云的颜色。支持颜色填充,默认情况下词云的颜色为随机。

基础

# 系列

  • 图形: 词云的图形。

  • 宽度: 词云的宽度。

  • 高度: 词云的高度。

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

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

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

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

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

基础

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

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

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

基础

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

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

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

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

基础

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

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

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

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

# 标题

基础

  • 显示标题: 是否显示标题

  • 内容:

    • 标题

      • 主: 主标题内容。
      • 副: 副标题内容。
    • 超链接

      • 主: 主标题超链接。
      • 副: 副标题超链接。
  • 位置

    • 水平对齐
    • 垂直对齐
  • 外观

    • 内边距
    • 主副间隔
  • 主标题文本样式

    • 字体颜色: 主标题字体颜色。

    • 字体大小: 主标题字体大小。

    • 字体粗细: 主标题字体粗细。

    • 字体: 主标题字体样式。

  • 副标题文本样式

    • 字体颜色: 副标题字体颜色。

    • 字体大小: 副标题字体大小。

    • 字体粗细: 副标题字体粗细。

    • 字体: 副标题字体样式。

# 工具栏

基础

  • 显示工具栏: 是否显示工具栏。

  • 功能按钮

    • 保存为图片按钮

    • 还原按钮

    • 数据视图按钮

  • 位置朝向

    • 排列方式: 功能按钮的布局朝向。

    • 水平位置: 水平排列。

    • 垂直位置: 垂直排列。

  • 图表尺寸

    • 图标大小
    • 间隔

# 时间轴 3.0+

# 数据

# 静态数据

基础

上图中的示例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: 1/15/2021, 5:22:26 PM