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

权利要求书

1.一种基于web表格的图表数据编辑方法，其特征在于，包括以下步骤：

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

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

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

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

2.根据权利要求1所述的基于web表格的图表数据编辑方法，其特征在于，在步骤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来接受数据；由此所述web表格就可以响应拖入到列中的表字段，当有字段被成功拖入到该列中，该列就会触发drop事件，接受字段信息并向服务端发送数据请求。

3.根据权利要求1或2所述的基于web表格的图表数据编辑方法，其特征在于，在步骤S120中，将表字段拖入web表格某一列后，首先触发before-drop事件，进入如下子步骤：

步骤220，判断当前字段拖入的列是否是web表格第一列，若判断结果为“是”，进入步骤230，若判断结果为“否”，直接进入步骤240；

步骤230，根据布尔值isDimension判断该字段是维度值还是度量值，若判断结果是度量值，提示“该列不允许拖入度量值”，拖拽失败，释放事件；若判断结果是维度值，进入步骤240；

步骤240，判断是否重复拖拽相同字段，若判断结果为“是”，提示“表格已存在相同字段”，拖拽失败，释放事件；若判断结果为“否”，则拖拽成功，调用服务端接口，通过字段名查询该字段下的所有数据，依次渲染表字段数据至结束；数据渲染完成以后，就可以对单字段进行数据处理操作。

4.根据权利要求3所述的基于web表格的图表数据编辑方法，其特征在于，在步骤S130中，单击某个字段名后，包括以下子步骤：

步骤310，web表格在该字段下方渲染一个下拉组件弹窗；

步骤320，根据字段的columnType值，显示相应的内容；

步骤330，用户可以点击相应的功能，对该字段进行编辑，用户每进行一步操作，都会向服务端发送请求，服务端根据用户的处理结果相应的对所在数据表进行筛选和操作。

5.根据权利要求4所述的基于web表格的图表数据编辑方法，其特征在于，在步骤320中，当字段columnType值为0，表明该字段是一个数值类型，渲染的内容会显示类型转换、数据格式转换、聚合、排序和计算条件的选项；当字段columnType值为1，表明该字段是一个文本类型，不具备数据格式转换、聚合和排序的选项；当字段columnType值为2，表明该字段是一个日期类型，不具备数据格式转换和聚合的选项；当字段columnType值为3，表明该字段是一个其他类型，其他类型比较特殊，无法编辑表字段和数据处理，只做展示使用。