【技术实现步骤摘要】
若一个字段既不属于数值、文本、也不属于日期类型，则与服务端约定返回columnType值为3，标记为其他类型，例如二进制流、逻辑值等属于其他类型。同样的，我们将数值类型定义为度量值，将其余类型定义为维度值，并通过返回布尔值isDimension标记此字段是维度值还是度量值，示例代码如下：constisDimension = columnTypeList[columnType] ===
ꢀ‘
数值
’
如果isDimension返回true,表明该字段为度量值，返回false,则表明该字段为维度值。并且为每个字段绑定一个拖拽事件dragStart，为web表格的每列绑定一个自定义before
‑
drop事件，用来处理拖拽前的容错处理；为web表格的每列绑定一个接收拖入的事件drop，当有字段被成功拖入到该列中，该列就会触发drop事件，接受字段并向服务端发送数据请求；由此所述web表格就可以响应拖入到列中的表字段。
[0006]进一步，在步骤S120中，将表字段拖入web表格某一列后，首先触发before
【技术保护点】
【技术特征摘要】
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，表明...
【专利技术属性】
技术研发人员：方国桢，
申请(专利权)人：杭州比智科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。