跳到主要内容

概述

算盘前面板的图表组件，接收的都是CSV结构的数据。
CSV文件可以使用文本编辑器查看和编辑，例如记事本、Visual Studio Code 等。
以直方图的示例数据为例：

min,max,frequency
46,48,0
48,50,3
50,52,1
52,54,3
54,56,6
56,58,5
58,60,13
60,62,16
62,64,26
64,66,33
66,68,56
68,70,58
70,72,75
72,74,133
74,76,115
76,78,174
78,80,199
80,82,244
82,84,272
84,86,312
86,88,376
88,90,411
90,92,439
92,94,462
94,96,512
96,98,501
98,100,540
100,102,525

CSV数据格式可以看成是一个表格的形式：

  • 数据的第一行表示数据类别，如上例中的 min、max、frequency 分别表示 最小值、最大值以及频率值
  • 每一列表示一个数据类别的数据集合
  • 通常来说，前面板的图表组件，都是支持多维数据的，也就是说线形图可以展示多条线，柱形图可以展示多条柱形等。
    • 如果要展示多维度的数据，则首先要向组件中输入多列数据，通常，第一列数据为X轴对应的数据列，其余列分别表示对应的Y轴数值
    • 在组件的配置面板中，映射数据列

以线形图为例​

缺省情况下，线形图的“Y轴数据维度”配置项只配置了1，表示只使用输入数据中的第1列进行展示，也就是只有一条线 image.png 需要显示多条线时，可以向线形图组件输入多列数据，然后在“Y轴数据维度”中，指定分别使用哪些列数据进行展示，填入列数据的索引编号（从0开始，通常0为X轴数据），以英文的逗号“,”分隔，效果如下 image.png

说明

在不同的组件中，“数据维度”的配置项命名不尽相同，关键字为“数据维度”和“数据索引”。 image.png