散点图

散点图的可配置选项。

散点图是一种用来展示两个变量之间关系的图表。通过在坐标平面上绘制数据点，散点图能帮助我们观察变量之间的趋势、关联性以及异常值。

适合的场景有：

  1. 展示两个变量之间的关系：包括相关性分析，展示两个变量之间是否存在线性或非线性的相关关系；趋势分析，帮助判断变量之间是否存在明显的增长、下降或其他模式。
  2. 识别异常值：散点图可以帮助我们轻松地识别出数据集中的离群点或异常值。
  3. 多变量分析：当数据集中有多个数据系列时，可以通过不同的点样式（如颜色、形状、大小）来表示不同的变量。这样能够在一个散点图中比较多个变量的关系。
  4. 探索性数据分析：在探索数据的初期阶段，散点图是发现数据模式、趋势以及数据分布的一种常见方法。可以帮助决定是否使用回归分析等进一步的统计方法。

散点图和其他图表不同，它的不同数据系列的横坐标是不等的。因此，在提供的数据中，不同的数据系列使用相同的数据列，而通过分组（Groupby）列来区分不同的数据系列。

例如，下面数据可以通过 group 列进行分组：

[
  { "x": "1", "y": 186, "z": 13, "group": "desktop" },
  { "x": "2", "y": 200, "z": 44, "group": "mobile" },
  { "x": "2", "y": 305, "z": 78, "group": "desktop" },
  { "x": "2.5", "y": 80, "z": 31, "group": "mobile" },
  { "x": "3", "y": 120, "z": 50, "group": "mobile" },
  { "x": "4", "y": 190, "z": 46, "group": "mobile" },
  { "x": "4", "y": 237, "z": 69, "group": "desktop" },
  { "x": "5", "y": 130, "z": 22, "group": "mobile" },
  { "x": "6", "y": 209, "z": 77, "group": "desktop" },
  { "x": "7", "y": 73, "z": 32, "group": "desktop" }
]

基础模式

基础模式下，绘制散点图需要给出：

  1. 横坐标（X）、纵坐标（Y）、大小系数（Z）和分组（Groupby）：通过下拉框选择列。其中X和Y表示数据点的坐标，它们是必需的。Z用于表示数据点的大小，Groupby用于分组不同的数据系列，它们是可选的。
  2. 配色方案（Color scheme）：通过下拉框选择，默认为「默认」配色方案。
  3. 模版（Template）：通过「更换」按钮进行选择，不选择则使用默认的模版。
  4. 可见性（Visibility）：指定横坐标X、纵坐标Y、提示、图例是否显示，默认显示横坐标和光标触发的提示。

高级模式

高级模式下，可以调整更多的选项值。

坐标轴

包括X和Y轴，以及大小系数和分组。

对于X和Y：

  • 对应列（X、Y）：通过下拉框从数据的列中选择，它们都是必选的，同时表示数据点的坐标。
  • 可见性：通过前面的切换按钮进行控制。
  • 轴线颜色：默认为 ，表示不显示，可以点击后从调色板选择或者输入HEX值指定自己喜欢的颜色， 为使用默认颜色。
  • 轴线宽度：指定轴线的粗细。

刻度和标签：

  • 标签（Label）：可以配置颜色、字体粗细、旋转角度。
  • 格式（Format）：使用公式来对标签文本进行处理。
  • 刻度线（Line）：默认不显示，显示后可以配置粗细、长度。
  • 布局（Layout）：可以配置刻度间的最小间距、刻度线和标签间的间距。
  • 数值类型（Numeric）：当坐标轴对应列为数值类型时，可以指定刻度的数量。
  • 内部显示（Inside）：控制刻度和标签在坐标轴内还是外部显示。

大小系数（Z）：用于控制数据点的大小，是可选的。Z有值范围，最小10，最大为1000，当Z没有选择列时，取10。

分组（Groupby）：用于分组不同的数据系列，是可选的。当没有选择列时，所有数据作为一个数据系列。

图表/散点

图表的散点图配置数量对应和分组数量一致，当设置了分组时，会自动生成相同数量的散点图。

对于每个散点，选项包括：

  • 点（Dot）：用于配置数据点的样式。可以配置填充颜色。如果需要调整点的大小，可以通过大小系数（Z）的最小值选项来配置。
  • 描边（Stroke）：用于配置数据点描边的样式。可以配置颜色、粗细、虚线类型。
  • 形状（Shape）：包括圆圈、十字、菱形、正方形、五角星形、三角形、三通形。

布局

包括：

  • 边距（Margin）：配置绘图区域（包括坐标轴）的上下左右边距。
  • 网格线（Grid）：可以分别配置水平和垂直网格线是否显示。

描述

用于配置图表的补充信息的显示。

  • 标题（Title）：图表的标题，位于图表的顶部。
  • 描述（Description）：图表的描述，位于标题下方。
  • 底部（Footer）：图表的底部文字，位于图表的底部。
  • 提示（Tooltip）：可以配置是否显示、偏移、光标线是否显示。
  • 图例（Legend）：可以配置是否显示、在图表上的位置，默认为图表的底部，在X轴下方和底部文字上方。
条形图饼图