[发明专利]一种基于web表格的图表数据编辑方法及系统

说明书

本发明公开了一种基于web表格的图表数据编辑方法及系统，所述方法包括以下步骤：步骤S110:初始化web表格，前端通过接口形式从服务端获取数据表的表字段；步骤S120:将需要展示的表字段通过拖拽的形式拖入到web表格某一列中，自动去服务端拉取该表字段的数据；步骤S130:编辑表字段，编辑方式是点击表字段，展示该字段可操作的信息，对字段数据进行处理；步骤S140:自动执行格式转换，生成数据集。采用本发明的系统和方法，不懂代码编程的业务人员也可以通过web表格的可视化形式对图表数据进行编辑和处理，并生成相应数据集供图表展示，无需编写代码处理数据。

技术领域

本发明涉及计算机及网络通信技术领域，特别涉及一种基于web表格的图表数据编辑方法及系统。

背景技术

数据可视化技术中，对数据的处理是一个非要重要的过程，数据的处理质量直接影响到图表展示的效果。现实中，采集的原始数据通常不具备直接展示的能力，往往需要对原始数据进行加工，过滤出有业务价值的数据，并根据图表的映射关系编写相应格式的数据集（dataset）。因此，数据的处理一直是一个比较繁琐的过程，需要开发人员具备一定的编程能力。现有的解决方案基本都是：开发人员通过编写代码或者SQL，对原始数据进行过滤、类型转换、聚合、排序等操作后生成业务数据，然后通过代码对数据进行格式转换，生成相应的数据集。这种处理方式的不足在于： 一方面数据的采集者和使用者一般都是业务人员，然而业务人员因为不了解编程，很难直接编写代码处理数据，而开发人员常常对业务不够熟悉，因此除了增加沟通和人力成本，还有可能会导致业务和开发双方对需求理解有误，造成数据处理偏差。另一方面，也要求开发人员对不同图表类型、不同图表库的数据格式都比较熟悉，才能根据相应图表编写数据集。

发明内容

针对现有技术存在的问题，本发明的目的在于提供一种基于web表格的图表数据编辑方法，能够解决不懂代码编程的业务人员也可以对图表数据进行编辑和处理，并生成相应数据集（dataset）供图表展示。

为实现上述目的，本发明提供一种基于web表格的图表数据编辑方法，包括以下步骤：

步骤S110: 初始化web表格，前端通过接口形式从服务端获取数据表的表字段；

步骤S120: 将需要展示的表字段通过拖拽的形式拖入到web表格某一列中，自动去服务端拉取该表字段的数据；

步骤S130: 编辑表字段，编辑方式是点击表字段，展示该字段可操作的信息，对字段数据进行处理；

步骤S140:自动执行格式转换，生成数据集。

进一步，在步骤S110中，web表格进行初始化，生成一个web版本的只读编辑器，同时，从接口获取表数据，每个数据表字段中返回一个columnType的为0到3之间的整数，同时，前端会维护一个映射对象来枚举所有columnType的值与类型的映射，映射关系如下：

0：“数值”,

1：“文本”,

2：“日期”,

3：“其他”

若一个字段既不属于数值、文本、也不属于日期类型，则与服务端约定返回columnType值为3，标记为其他类型，例如二进制流、逻辑值等属于其他类型。同样的，我们将数值类型定义为度量值，将其余类型定义为维度值，并通过返回布尔值isDimension标记此字段是维度值还是度量值，示例代码如下：

constisDimension = columnTypeList[columnType] === ‘数值’

如果isDimension返回true,表明该字段为度量值，返回false,则表明该字段为维度值。并且为每个字段绑定一个拖拽事件dragStart，为web表格的每列绑定一个自定义before-drop事件，用来处理拖拽前的容错处理；为web表格的每列绑定一个接收拖入的事件drop，当有字段被成功拖入到该列中，该列就会触发drop事件，接受字段并向服务端发送数据请求；由此所述web表格就可以响应拖入到列中的表字段。