# 涟漪动画散点图

涟漪动画散点图是一种通过散点的疏密程度和变化趋势表示连续变量的数量关系的图形。

系列

# 属性

# 基础

# 系列

涟漪动画散点图为单维度,多度量的图表,因此需要分别设置每个系列下的散点的属性。

组件指南 -> 散点图 -> 基本散点图

  • 涟漪设置: 对散点涟漪特效的设置。
    • 波纹类型: 涟漪波纹的类型。
    • 涟漪颜色: 涟漪的颜色。
    • 波纹的数量: 涟漪波纹的数量。
    • 动画的周期: 涟漪动画的周期。
    • 缩放比例: 散点涟漪动画的缩放比例。

# 视觉映射组件

组件管理 -> 属性 -> 视觉映射

# 视区

组件管理 -> 属性 -> 视区

# X 轴

组件管理 -> 属性 -> X轴

# Y 轴

组件管理 -> 属性 -> y轴

# 数据

# 静态数据

系列

上图中的示例JSON代码如下:

[
  {
    "x": 26,
    "y": 30,
    "type": "2020",
    "value": 63
  },
  {
    "x": 30,
    "y": 27,
    "type": "2020",
    "value": 18
  },
  {
    "x": 10,
    "y": 32,
    "type": "2020",
    "value": 59
  },
  {
    "x": 56,
    "y": 30,
    "type": "2020",
    "value": 36
  },
  {
    "x": 67,
    "y": 40,
    "type": "2020",
    "value": 89
  },
  {
    "x": 27,
    "y": 58,
    "type": "2020",
    "value": 2
  },
  {
    "x": 20,
    "y": 12,
    "type": "2020",
    "value": 42
  },
  {
    "x": 33,
    "y": 5,
    "type": "2020",
    "value": 53
  },
  {
    "x": 30,
    "y": 23,
    "type": "2020",
    "value": 90
  },
  {
    "x": 71,
    "y": 39,
    "type": "2020",
    "value": 19
  },
  {
    "x": 63,
    "y": 43,
    "type": "2021",
    "value": 54
  },
  {
    "x": 86,
    "y": 37,
    "type": "2021",
    "value": 14
  },
  {
    "x": 15,
    "y": 30,
    "type": "2021",
    "value": 89
  },
  {
    "x": 54,
    "y": 13,
    "type": "2021",
    "value": 7
  },
  {
    "x": 37,
    "y": 53,
    "type": "2021",
    "value": 45
  },
  {
    "x": 81,
    "y": 35,
    "type": "2021",
    "value": 55
  },
  {
    "x": 36,
    "y": 59,
    "type": "2021",
    "value": 72
  },
  {
    "x": 23,
    "y": 44,
    "type": "2021",
    "value": 76
  },
  {
    "x": 42,
    "y": 43,
    "type": "2021",
    "value": 92
  },
  {
    "x": 18,
    "y": 29,
    "type": "2021",
    "value": 2
  }
]
  • xAxis: 度量,X 轴的值。

  • yAxis: 度量,Y 轴的值。

# 数据资源

数据资源

# 交互

详见散点图交互

# 节点编程

详见散点图节点编程

Last Updated: 9/6/2022, 10:55:25 AM