1.本技术涉及数据可视化领域，尤其涉及一种交叉表渲染方法及装置、存储介质。
背景技术：
：：2.现有网页端交叉表多采用表格标签(table)进行渲染，并且在多层交叉表渲染时，通常采用table和绘图插件(canvas)结合或者单独进行渲染，由于网页中table元素在单元格合并时存在限制，在列数较多时会出现合并单元格失败，列分组显示有误的情况，使得交叉表在不同浏览器中显示时会存在显示上的兼容性问题。技术实现要素：3.本技术实施例提供一种交叉表渲染方法及装置、存储介质，能够解决交叉表在不同浏览器显示的兼容性问题，保证了交叉表显示的准确性。4.本技术的技术方案是这样实现的：5.第一方面，本技术实施例提供一种交叉表渲染方法，所述方法包括：6.利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；所述第一交叉表布局根据待渲染的第一交叉表的多层表头信息和所述多层表头信息对应的数值信息生成；7.在所述第一坐标位置处渲染所述第一交叉表布局。8.在上述交叉表渲染方法中，所述利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置，包括：9.利用所述svg，确定所述第一交叉表布局的行表头坐标位置和列表头坐标位置；10.根据所述行表头坐标位置和所述列表头坐标位置确定所述第一交叉表布局的数值单元格坐标位置；所述数值单元格为所述第一交叉表布局中行与列的交叉部分；11.将所述行表头坐标位置和所述列表头坐标位置之间的交叉位置确定为行列属性坐标位置；12.将所述行表头坐标位置、所述列表头坐标位置、所述数值单元格坐标位置和所述行列属性坐标位置确定为所述第一坐标位置。13.在上述交叉表渲染方法中，所述在所述第一坐标位置处渲染所述第一交叉表布局，包括：14.在所述行表头坐标位置处渲染所述第一交叉表布局中的行表头信息；15.在所述列表头坐标位置处渲染所述第一交叉表布局中的列表头信息；16.在所述数值单元格坐标位置处渲染所述第一交叉表布局中的数值信息；所述数值信息为所述数值单元格中写入的信息；17.在所述行列属性坐标位置处渲染所述第一交叉表布局中的行属性信息和列属性信息。18.在上述交叉表渲染方法中，所述利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置，包括：19.在所述第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕显示和与所述屏幕显示相接的预设区域确定为渲染区域；20.根据所述渲染区域，从所述第一交叉表布局中确定待渲染交叉表布局；21.利用所述svg，确定所述待渲染交叉表布局在所述渲染区域的第一坐标位置；22.在所述第一交叉表布局中的数值信息的数量小于或等于所述第一预设数值的情况下，利用所述svg，从所述屏幕中确定出所述第一交叉表布局所处的所述第一坐标位置。23.在上述交叉表渲染方法中，所述利用所述svg，确定所述待渲染交叉表布局在所述渲染区域的第一坐标位置之后，所述方法还包括：24.在所述第一坐标位置处渲染所述待渲染交叉表布局；25.在所述屏幕上显示部分交叉表布局对应的部分第一交叉表；所述部分交叉表布局为所述待渲染交叉表布局中所述屏幕对应的交叉表布局；26.在接收到页面滑动显示指令的情况下，根据所述页面滑动显示指令确定待显示区域；27.在所述待显示区域属于所述渲染区域的情况下，在所述屏幕上显示所述待显示区域对应的部分第一交叉表；28.在所述待显示区域不属于所述渲染区域的情况下，继续渲染所述第一交叉表布局，直至所述第一交叉表布局全部渲染完毕。29.在上述交叉表渲染方法中，所述利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置之前，所述方法还包括：30.获取多层表头信息和所述多层表头信息对应的数值；31.根据所述多层表头信息确定行分层信息、所述行分层信息对应的行属性信息、列分层信息和所述列分层信息对应的列属性信息；32.根据所述行分层信息、所述行属性信息、所述列分层信息和所述列属性信息生成初始交叉表布局；33.基于所述初始交叉表布局和所述数值信息，生成所述第一交叉表布局。34.在上述交叉表渲染方法中，所述根据所述行分层信息、所述行属性信息、所述列分层信息和所述列属性信息生成初始交叉表布局，包括：35.根据所述行属性信息和各个行属性信息对应的行分层信息，生成行表头信息；36.根据所述列属性信息和各个列属性信息对应的列分层信息，生成列表头信息；37.根据所述行分层信息和所述列分层信息，确定行数和列数；38.根据所述行数、所述列数、所述行表头信息和所述列表头信息，生成所述初始交叉表布局。39.在上述交叉表渲染方法中，所述生成所述第一交叉表布局之后，所述方法还包括：40.基于所述数值信息的数量和第二预设数值，配置至少一个线程同时对所述第一交叉表布局中的所述数值信息进行数据分析，得到数据分析结果，并对所述数据分析结果进行渲染。41.在上述交叉表渲染方法中，所述在所述第一坐标位置处渲染所述待渲染交叉表布局，包括：42.配置多个线程同时在所述第一坐标位置处渲染所述待渲染交叉表布局。43.第二方面，本技术实施例提供一种交叉表渲染装置，所述装置包括：44.确定模块，用于利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；所述第一交叉表布局根据待渲染的第一交叉表的多层表头信息和所述多层表头信息对应的数值信息生成；45.渲染模块，用于在所述第一坐标位置处渲染所述第一交叉表布局。46.第三方面，本技术实施例提供一种交叉表渲染设备，所述设备包括：处理器、存储器及通信总线；所述处理器执行存储器存储的运行程序时实现如上述任一项所述的交叉表渲染方法。47.第四方面，本技术实施例提供一种存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如上述任一项所述的交叉表渲染方法。48.本技术实施例提供了一种交叉表渲染方法及装置、存储介质，该交叉表渲染方法包括：利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；第一交叉表布局根据待渲染的第一交叉表的多层表头信息和多层表头信息对应的数值信息生成；在第一坐标位置处渲染第一交叉表布局。采用上述实现方案，通过可缩放矢量图像svg来渲染交叉表，由于可缩放矢量图像svg确定的第一坐标位置为绝对位置，因此能够保证交叉表的布局位置不会随着浏览器的切换而改变，保证了交叉表显示的准确性。附图说明49.图1为本技术实施例提供的一种交叉表渲染方法流程图；50.图2为本技术实施例提供的一种交叉表渲染方法模块流程图；51.图3为本技术实施例提供的一种示例性的多层交叉表示意图；52.图4为本技术实施例提供的一种示例性的渲染区域示意图；53.图5为本技术实施例提供的一种生成第一交叉表布局流程图；54.图6为本技术实施例提供的一种动态渲染流程图；55.图7为本技术实施例提供的一种交叉表渲染装置的组成结构示意图；56.图8为本技术实施例提供的一种交叉表渲染设备的组成结构示意图。具体实施方式57.应当理解，此处描述的具体实施例仅仅用以解释本技术。并不用于限定本技术。58.实施例一59.本技术实施例提供一种交叉表渲染方法，应用于交叉表渲染装置中，图1为本技术实施例提供的一种交叉表渲染方法流程图，如图1所示，交叉表渲染方法可以包括：60.s101、利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；第一交叉表布局根据待渲染的第一交叉表的多层表头信息和多层表头信息对应的数值信息生成。61.本技术实施例提出的一种交叉表渲染方法可以适用于在屏幕上显示交叉表的场景下。62.在本技术实施例中，交叉表渲染过程具体是通过四个模块进行实现的，图2为本申请实施例提供的一种交叉表渲染方法模块流程图，如图2所示，四个模块分别为：用户输入模块、布局预处理模块、统计分析模块和渲染模块。63.具体的，通过获取用户输入模块中输入的数据，得到第一数据，然后将第一数据输入布局预处理模块中，解析第一数据，并且根据解析出的内容生成第一交叉表布局，通过统计分析模块对第一交叉表布局进行数据分析，最后利用渲染模块渲染第一交叉表布局。64.在本技术实施例中，交叉表渲染装置利用可缩放矢量图像(scalablevectorgraphics，svg)，在屏幕上确定第一交叉表布局对应的第一坐标位置。65.需要说明的是，在屏幕上确定第一交叉表布局对应的第一坐标位置是通过图2中的渲染模块实现的。66.在本技术实施例中，由于svg具有可按照指定路径渲染文本的特性，因此可利用svg，在屏幕上确定第一交叉表布局对应的第一坐标位置，具体的：利用svg，确定第一交叉表布局的行表头坐标位置和列表头坐标位置；根据行表头坐标位置和列表头坐标位置确定第一交叉表布局的数值单元格坐标位置；数值单元格为第一交叉表布局中行与列的交叉部分；将行表头坐标位置和列表头坐标位置之间的交叉位置确定为行列属性坐标位置；将行表头坐标位置、列表头坐标位置、数值单元格坐标位置和行列属性坐标位置确定为第一坐标位置。67.需要说明的是，一个交叉表可以分为四个部分组成，包括行表头、列表头、行列属性以及数值；并且交叉表的行表头和列表头可以为单层或者多层的行表头和列表头。68.示例性的，图3为本技术提供的一种示例性的多层交叉表示意图，如图3所示，图3中的多层交叉表是由两层列表头和两层行表头组成的，其中行列属性的位置为图中行表头和列表头相接的位置，即图3中的“运营商”、“性别”和“城市”共同组成的矩形区域。69.在本技术实施例中，根据第一交叉表布局中的数值信息的数量分为动态渲染和全量渲染两种方式确定第一坐标位置。70.具体的，通过动态渲染的方式确定第一坐标位置的过程包括：在第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕和与屏幕相接的预设区域确定为渲染区域；根据渲染区域，从第一交叉表布局中确定待渲染交叉表布局；利用svg，确定待渲染交叉表布局在渲染区域的第一坐标位置。71.需要说明的是，此时的第一预设数值可以根据屏幕所能承载显示的最大数值信息的数量确定。72.需要说明的是，第一交叉表布局中的数值信息的数量为第一交叉表布局中数值的总量，如图3所示，其中各个单元格中的累计支付金额的个数即为数值信息的数量，可以在总体的数据量大于预设数值时，确定渲染区域；也可以进一步地根据此数值信息的数量确定对应的第一交叉表布局列数，在第一交叉表布局列数大于预设列数时，确定渲染区域，又或者是进一步地根据此数值信息的数量确定对应的第一交叉表布局行数，在第一交叉表布局行数大于预设行数时，确定渲染区域，具体的确定方案根据实际情况确定，本技术实施例在此不做限定。73.需要说明的是，预设区域可以为与当前屏幕下方相接的下一个屏幕的窗口大小和与当前屏幕右边相接的下一个屏幕的窗口大小，也可以为与当前屏幕下方相接的下两个屏幕的窗口大小和与当前屏幕右边相接的下两个屏幕的窗口大小，具体的预设区域大小可根据实际情况确定，本技术实施例在此不做限定。74.示例性的，图4为本技术提供的一种示例性的渲染区域示意图，如图4所示，屏幕a即为可见区域，而与屏幕a相接的部分为预设区域b，剩下的即为不可见区域c。75.需要说明的是，由于将屏幕和与屏幕相接的预设区域确定为渲染区域，然后根据此渲染区域渲染对应的交叉表，在用户滑动屏幕查看交叉表时，当用户的滑动屏幕大小在此渲染区域内时，能够直接查看此交叉表，即不用再次渲染，进而提高了响应速度。76.需要说明的是，由于确定渲染区域是在在总体的数据量大于预设数值时确定的，此时，说明屏幕大小不能全部渲染出第一交叉表布局，也就是不能在屏幕上完全显示此第一交叉表布局，则需要从第一交叉表布局中确定出部分能够匹配上渲染区域大小的交叉表布局，将其确定为待渲染交叉表布局。77.需要说明的是，由于待渲染布局为从第一交叉表布局中确定的，为部分第一交叉表布局，因此确定待渲染交叉表布局在渲染区域的第一坐标位置与确定第一交叉表布局对应的第一坐标位置的步骤是相同的，本技术在此不赘述。78.具体的，通过全量渲染的方式确定第一坐标位置的过程包括：在第一交叉表布局中的数值信息的数量小于或等于第一预设数值的情况下，利用svg，从屏幕中确定出第一交叉表布局所处的第一坐标位置。79.需要说明的是，由于确定渲染区域是在在总体的数据量小于或等于预设数值时确定的，此时，说明屏幕大小可能能够全部渲染出第一交叉表布局，也就是能够在屏幕上完全显示此第一交叉表布局，则可以利用svg直接从屏幕中确定出第一交叉表布局所处的第一坐标位置，具体的步骤与确定第一交叉表布局对应的第一坐标位置的步骤是相同的，本技术在此不赘述。80.在本技术实施例中，在利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置之前，还包括生成第一交叉表布局的过程，并且此过程是通过图2中的用户输入模块和布局预处理模块这两个模块共同实现的，图5为本技术提供的一种生成第一交叉表布局流程图，如图5所示，方法包括：81.s201、获取多层表头信息和多层表头信息对应的数值信息。82.具体的，用于输入模块接收用户输入的第一数据，并将第一数据传输至布局预处理模块，布局预处理模块解析用户输入的第一数据，得到多层表头信息和多层表头信息对应的数值信息。83.s202、根据多层表头信息确定行分层信息、行分层信息对应的行属性信息、列分层信息和列分层信息对应的列属性信息。84.需要说明的是，行分层信息和列分层信息为行的分层数以及每个行分层对应的分层信息、列的分层数以及每个列分层对应的分层信息。85.具体的，如图3所示，其中行表头的分层数为两层，第一层行表头的属性信息为“省份”，其中第一层行表头的分层信息为“上海”、“云南”，第二层行表头的属性信息为“城市”，其中第二层行表头的分层信息为“上海”、“临沧3”、“丽江”、“保山”等。86.具体的，如图3所示，其中列表头的分层数为两层，第一层列表头的属性信息为“运营商”，其中第一层列表头的分层信息为“移动”、“联通”、“电信”和“其他”，第二层列表头的属性信息为“性别”，其中第二层列表头的分层信息为“男”和“女”。87.s203、根据行分层信息、行属性信息、列分层信息和列属性信息生成初始交叉表布局。88.具体的，根据行属性信息和各个行属性信息对应的行分层信息，生成行表头信息；根据列属性信息和各个列属性信息对应的列分层信息，生成列表头信息；根据行分层信息和列分层信息，确定行数和列数；根据行数、列数、行表头信息和列表头信息，生成初始交叉表布局。89.需要说明的是，在确定行数、列数、行表头信息和列表头信息之后，生成初始交叉表布局的过程可以通过预设循环算法实现，具体的，根据从上到下，从左到右的顺序依次对行表头信息和列表头信息进行扫描，并将各初始值设为1，横向扫描以i记，纵向扫描以j记，每次扫描中当d[i][j]＝d[i][j 1]时，单元格的值加1，如此循环，直到数据扫描最后一行的最后一列，此时生成初始布局矩阵。[0090]s204、基于初始交叉表布局和数值信息，生成第一交叉表布局。[0091]具体的，将数值信息依次添加至初始交叉表布局对应的单元格中，生成第一交叉表布局。[0092]需要说明的是，在生成第一交叉表布局时，还需要将初始交叉表布局的表头逐层将相同属性信息的行表头或者列表头进行合并，如图3所示，在图3的列表头中，“移动”即是合并后的列表头属性，由于“移动，女”和“移动，男”的上层列表头都是“移动”，即对其进行合并。[0093]在本技术实施例中，在生成第一交叉表布局之后，基于数值信息的数量和第二预设数值，配置至少一个线程同时对第一交叉表布局中的数值信息进行数据分析，得到数据分析结果，并对数据分析结果进行渲染。[0094]需要说明的是，对第一交叉表布局中的数值信息进行数据分析是通过图2中的数据分析模块实现的。[0095]具体的，当数值信息的数量大小于或等于预设数值时，配置一个线程对第一交叉表布局中的数值信息进行数据分析；当数值信息的数量大于预设数值时，配置多个线程同时对第一交叉表布局中的数值信息进行数据分析，在进行数据分析之后，得到数据分析结果，并对数据分析结果进行渲染。[0096]需要说明的是，线程也可以是工作线程(worker)。[0097]可以理解的是，通过配置多个线程同时对此第一交叉表布局进行数据分析操作能够达到提高数据分析效率的目的。[0098]需要说明的是，数据分析操作可以是对同一属性的数值信息进行求和，也可以对其中同一行或者同一列的数值信息进行从小到大或者从大到小进行排序，又或者是求出第一交叉表布局中所有数值信息的最值等数据分析操作，具体的数据分析操作根据实际情况确定，本技术实施例在此不做限定。[0099]在本技术实施例中，生成第一交叉表布局以供交叉表渲染装置利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置。[0100]在本技术实施例中，在确定了第一交叉表布局对应的第一坐标位置之后，即可以在确定出的第一坐标位置处渲染此第一交叉表布局。[0101]s102、在第一坐标位置处渲染第一交叉表布局。[0102]在本技术实施例中，交叉表渲染装置在确定第一交叉表布局对应的第一坐标位置之后，在第一坐标位置处渲染第一交叉表布局。[0103]需要说明的是，在第一坐标位置处渲染第一交叉表布局是通过图2中的渲染模块实现的。[0104]具体的，在行表头坐标位置处渲染第一交叉表布局中的行表头信息；在列表头坐标位置处渲染第一交叉表布局中的列表头信息；在数值单元格坐标位置处渲染第一交叉表布局中的数值信息；数值信息为数值单元格中写入的信息；在行列属性坐标位置处渲染第一交叉表布局中的行属性信息和列属性信息。[0105]需要说明的是，在行列属性坐标位置处渲染第一交叉表布局中的行属性信息和列属性信息时，如图3所示，需要对行列属性坐标位置处的矩形区域进行切分，在切分时，根据行表头和列表头信息将此矩形区域切分成所需个数的三角形。[0106]需要说明的是，在数值单元格坐标位置处渲染第一交叉表布局中的数值信息时，根据第一交叉表布局生成多个单元格，其中每个单元格对应渲染第一交叉表布局中对应的数值。[0107]在本技术实施例中，在利用svg确定待渲染交叉表布局在渲染区域的第一坐标位置之后，在第一坐标位置处渲染待渲染交叉表布局。[0108]需要说明的是，此时利用svg确定待渲染交叉表布局在渲染区域的第一坐标位置，是在第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，使用动态渲染的方式确定的第一坐标位置，因此在此第一坐标位置处渲染待渲染交叉表布局为动态渲染。[0109]具体的，图6为本技术提供的一种动态渲染流程图，如图6所示，方法包括：[0110]s301、在第一坐标位置处渲染待渲染交叉表布局。[0111]在本技术实施例中，在第一坐标位置处渲染待渲染交叉表布局时，配置多个线程同时在第一坐标位置处渲染待渲染交叉表布局。[0112]需要说明的是，也可以是配置多个worker同时在第一坐标位置处渲染待渲染交叉表布局。[0113]可以理解的是，通过配置多个线程进行动态渲染能够达到提高渲染效率的目的。[0114]s302、在屏幕上显示部分交叉表布局对应的部分第一交叉表；部分交叉表布局为待渲染交叉表布局中屏幕对应的交叉表布局。[0115]需要说明的是，由于此待渲染交叉表布局为渲染区域对应的部分交叉表布局，因此，在渲染此待渲染交叉表布局之后，即在渲染区域显示此部分交叉表布局对应的部分第一交叉表。[0116]s303、在接收到页面滑动显示指令的情况下，根据页面滑动显示指令确定待显示区域。[0117]具体的，页面滑动显示指令可以是用户输入的向上滑动指令、向下滑动指令、向左滑动指令和向右滑动指令，在接收到用户的页面滑动显示指令后，根据此指令确定待显示区域，具体的，假设用户向下滑动了三个屏幕大小的页面，此时待显示区域则为第四个屏幕页面；又或者假设用户只向下滑动了一个屏幕大小的页面，此时待显示区域则为第二个屏幕页面，具体滑动大小根据实际情况确定，本技术实施例在此不做限定。[0118]s304、在待显示区域属于渲染区域的情况下，在屏幕上显示待显示区域对应的部分第一交叉表。[0119]具体的，由于交叉表渲染装置在第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕显示和与所述屏幕显示相接的预设区域确定为渲染区域，如果此时设定的预设区域为与当前屏幕下方相接的下一个屏幕的窗口大小和与当前屏幕右边相接的下一个屏幕的窗口大小，并且假设用户向下滑动了一个屏幕大小的页面，此时待显示区域则为第二个屏幕页面，由于此时待显示区域属于渲染区域，并且之前已经在第一坐标位置处渲染了待渲染交叉表布局，即能够直接显示此待显示区域对应的部分第一交叉表。[0120]s305、在待显示区域不属于渲染区域的情况下，继续渲染第一交叉表布局，直至第一交叉表布局全部渲染完毕。[0121]具体的，如果此时设定的预设区域还是为与当前屏幕下方相接的下一个屏幕的窗口大小和与当前屏幕右边相接的下一个屏幕的窗口大小，并且假设用户向下滑动了三个屏幕大小的页面，此时待显示区域则为第四个屏幕页面，由于此时待显示区域不属于渲染区域，因此需要继续在此待显示区域继续渲染此第一交叉表布局，进而在屏幕上显示此待显示区域对应的部分第一交叉表。[0122]进一步地，本技术还可以通过全量渲染的方式渲染待渲染交叉表布局，具体的，在利用svg，从屏幕中确定出第一交叉表布局所处的第一坐标位置之后，在第一坐标位置处渲染待渲染交叉表布局。[0123]需要说明的是，此时利用svg从屏幕中确定出第一交叉表布局所处的第一坐标位置，是在第一交叉表布局中的数值信息的数量小于或等于第一预设数值的情况下，使用全量渲染的方式确定的第一坐标位置，因此在此第一坐标位置处渲染待渲染交叉表布局为全量渲染。[0124]在本技术实施例中，在全量渲染时，在屏幕上显示第一交叉表对应的全部交叉表。[0125]需要说明的是，全量渲染可以理解为在屏幕上能够完全显示，即一次将第一交叉表全部渲染。[0126]本技术实施例提供了一种交叉表渲染方法，该交叉表渲染方法包括：利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；第一交叉表布局根据待渲染的第一交叉表的多层表头信息和多层表头信息对应的数值信息生成；在第一坐标位置处渲染第一交叉表布局。采用上述实现方案，通过利用可缩放矢量图像svg来渲染交叉表，由于可缩放矢量图像svg确定的第一坐标位置为绝对位置，因此能够保证交叉表的布局位置不会随着浏览器的切换而改变，保证了交叉表显示的准确性。[0127]实施例二[0128]在本技术的另一实施例中，提供了一种交叉表渲染装置，图7为本技术提供的一种交叉表渲染装置的组成结构示意图，如图7所示，该交叉表渲染装置包括：[0129]确定模块10，用于利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；所述第一交叉表布局根据待渲染的第一交叉表的多层表头信息和所述多层表头信息对应的数值信息生成；[0130]渲染模块11，用于在所述第一坐标位置处渲染所述第一交叉表布局。[0131]其中，所述确定模块10，还用于利用所述svg，确定所述第一交叉表布局的行表头坐标位置和列表头坐标位置；根据所述行表头坐标位置和所述列表头坐标位置确定所述第一交叉表布局的数值单元格坐标；所述数值单元格为所述第一交叉表布局中行与列的交叉部分；将所述行表头坐标位置和所述列表头坐标位置之间的交叉位置确定为行列属性坐标位置；将所述行表头坐标位置、所述列表头坐标位置、所述数值单元格坐标位置和所述行列属性坐标位置确定为所述第一坐标位置。[0132]其中，所述渲染模块11，还用于在所述行表头坐标位置处渲染所述第一交叉表布局中的行表头信息；在所述列表头坐标位置处渲染所述第一交叉表布局中的列表头信息；在所述数值单元格坐标位置处渲染所述第一交叉表布局中的数值信息；所述数值信息为所述数值单元格中写入的信息；在所述行列属性坐标位置处渲染所述第一交叉表布局中的行属性信息和列属性信息。[0133]其中，所述确定模块10，还用于在所述第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕显示和与所述屏幕显示相接的预设区域确定为渲染区域；根据所述渲染区域，从所述第一交叉表布局中确定待渲染交叉表布局；利用所述svg，确定所述待渲染交叉表布局在所述渲染区域的第一坐标位置；[0134]其中，所述确定模块10，还用于在所述第一交叉表布局中的数值信息的数量小于或等于所述第一预设数值的情况下，利用所述svg，从所述屏幕中确定出所述第一交叉表布局所处的所述第一坐标位置。[0135]其中，所述渲染模块11，还用于在所述第一坐标位置处渲染所述待渲染交叉表布局；[0136]可选的，所述交叉表渲染装置1还包括：显示模块；[0137]所述显示模块，用于在所述屏幕上显示部分交叉表布局对应的部分第一交叉表；所述部分交叉表布局为所述待渲染交叉表布局中所述屏幕对应的交叉表布局；[0138]所述确定模块10，还用于在接收到页面滑动显示指令的情况下，根据所述页面滑动显示指令确定待显示区域；[0139]所述显示模块，还用于在所述待显示区域属于所述渲染区域的情况下，在所述屏幕上显示所述待显示区域对应的部分第一交叉表；[0140]所述渲染模块11，还用于在所述待显示区域不属于所述渲染区域的情况下，继续渲染所述第一交叉表布局，直至所述第一交叉表布局全部渲染完毕。[0141]可选的，所述交叉表渲染装置1还包括：获取模块，生成模块；[0142]所述获取模块，用于获取多层表头信息和所述多层表头信息对应的数值；[0143]所述确定模块10，还用于根据所述多层表头信息确定行分层信息、所述行分层信息对应的行属性信息、列分层信息和所述列分层信息对应的列属性信息；[0144]所述生成模块，用于根据所述行分层信息、所述行属性信息、所述列分层信息和所述列属性信息生成初始交叉表布局；[0145]所述生成模块，还用于基于所述初始交叉表布局和所述数值，生成所述第一交叉表布局。[0146]所述生成模块，还用于根据所述行属性信息和各个行属性信息对应的行分层信息，生成行表头信息；[0147]所述生成模块，还用于根据所述列属性信息和各个列属性信息对应的列分层信息，生成列表头信息；[0148]所述确定模块10，还用于根据所述行分层信息和所述列分层信息，确定行数和列数；[0149]所述生成模块，还用于根据所述行数、所述列数、所述行表头信息和所述列表头信息，生成所述初始交叉表布局。[0150]可选的，所述交叉表渲染装置1还包括：数据分析模块；[0151]所述数据分析模块，用于基于所述数值信息的数量和第二预设数值，配置至少一个线程同时对所述第一交叉表布局中的所述数值信息进行数据分析，得到数据分析结果，并对所述数据分析结果进行渲染。[0152]所述渲染模块11，还用于配置多个线程同时在所述第一坐标位置处渲染所述待渲染交叉表布局。[0153]本技术实施例提供了一种交叉表渲染方法装置，该交叉表渲染装置包括：利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；第一交叉表布局根据待渲染的第一交叉表的多层表头信息和多层表头信息对应的数值信息生成；在第一坐标位置处渲染第一交叉表布局。采用上述实现方案，通过利用可缩放矢量图像svg来渲染交叉表，由于可缩放矢量图像svg确定的第一坐标位置为绝对位置，因此能够保证交叉表的布局位置不会随着浏览器的切换而改变，保证了交叉表显示的准确性。[0154]图8为本技术实施例提供的一种交叉表渲染设备的组成结构示意图，在实际应用中，基于上述实施例的同一公开构思下，如图8所示，本实施例的交叉表渲染设备包括：显示器12、处理器13、存储器14及通信总线15。[0155]在具体的实施例的过程中，上述确定模块10、渲染模块11、获取模块、生成模块和数据分析模块可由位于交叉表渲染设备上的处理器13实现，上述显示模块可由位于交叉表渲染设备上的显示器12实现，上述处理器13可以为特定用途集成电路(asic，applicationspecificintegratedcircuit)、数字信号处理器(dsp，digitalsignalprocessor)、数字信号处理图像处理装置(dspd，digitalsignalprocessingdevice)、可编程逻辑图像处理装置(pld，programmablelogicdevice)、现场可编程门阵列(fpga，fieldprogrammablegatearray)、cpu、控制器、微控制器、微处理器中的至少一种。可以理解地，对于不同的设备，用于实现上述处理器功能的电子器件还可以为其它，本实施例不作具体限定。[0156]在本技术实施例中，上述通信总线15用于实现显示器12、处理器13和存储器14之间的连接通信；上述处理器13执行存储器14中存储的运行程序时实现如下的交叉表渲染方法：[0157]利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；所述第一交叉表布局根据待渲染的第一交叉表的多层表头信息和所述多层表头信息对应的数值信息生成；[0158]在所述第一坐标位置处渲染所述第一交叉表布局。[0159]可选的，所述处理器13还用于利用所述svg，确定所述第一交叉表布局的行表头坐标位置和列表头坐标位置；根据所述行表头坐标位置和列表头坐标位置确定所述第一交叉表布局的数值单元格坐标位置；所述数值单元格为所述第一交叉表布局中行与列的交叉部分；将所述行表头坐标位置和所述列表头坐标位置之间的交叉位置确定为行列属性坐标位置；将所述行表头坐标位置、所述列表头坐标位置、所述数值单元格坐标位置和所述行列属性坐标位置确定为所述第一坐标位置。[0160]可选的，所述处理器13还用于在所述行表头坐标位置处渲染所述第一交叉表布局中的行表头信息；在所述列表头坐标位置处渲染所述第一交叉表布局中的列表头信息；在所述数值单元格坐标位置处渲染所述第一交叉表布局中的数值信息；所述数值信息为所述数值单元格中写入的信息；在所述行列属性坐标位置处渲染所述第一交叉表布局中的行属性信息和列属性信息。[0161]可选的，所述处理器13还用于在所述第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕显示和与所述屏幕显示相接的预设区域确定为渲染区域；根据所述渲染区域，从所述第一交叉表布局中确定待渲染交叉表布局；利用所述svg，确定所述待渲染交叉表布局在所述渲染区域的第一坐标位置；在所述第一交叉表布局中的数值信息的数量小于或等于所述第一预设数值的情况下，利用所述svg，从所述屏幕中确定出所述第一交叉表布局所处的所述第一坐标位置。[0162]可选的，所述处理器13还用于在所述第一坐标位置处渲染所述待渲染交叉表布局；在所述屏幕上显示部分交叉表布局对应的部分第一交叉表；所述部分交叉表布局为所述待渲染交叉表布局中所述屏幕对应的交叉表布局；在接收到页面滑动显示指令的情况下，根据所述页面滑动显示指令确定待显示区域；在所述待显示区域属于所述渲染区域的情况下，在所述屏幕上显示所述待显示区域对应的部分第一交叉表；在所述待显示区域不属于所述渲染区域的情况下，继续渲染所述第一交叉表布局，直至所述第一交叉表布局全部渲染完毕。[0163]可选的，所述处理器13还用于获取多层表头信息和所述多层表头信息对应的数值；根据所述多层表头信息确定行分层信息、所述行分层信息对应的行属性信息、列分层信息和所述列分层信息对应的列属性信息；根据所述行分层信息、所述行属性信息、所述列分层信息和所述列属性信息生成初始交叉表布局；基于所述初始交叉表布局和所述数值，生成所述第一交叉表布局。[0164]可选的，所述处理器13还用于根据所述行属性信息和各个行属性信息对应的行分层信息，生成行表头信息；根据所述列属性信息和各个列属性信息对应的列分层信息，生成列表头信息；根据所述行分层信息和所述列分层信息，确定行数和列数；根据所述行数、所述列数、所述行表头信息和所述列表头信息，生成所述初始交叉表布局。[0165]可选的，所述处理器13还用于基于所述数值信息的数量和第二预设数值，配置至少一个线程同时对所述第一交叉表布局中的所述数值信息进行数据分析，得到数据分析结果，并对所述数据分析结果进行渲染。[0166]可选的，所述处理器13还用于配置多个线程同时在所述第一坐标位置处渲染所述待渲染交叉表布局。[0167]本技术实施例提供一种存储介质，其上存储有计算机程序，上述计算机可读存储介质存储有一个或者多个程序，上述一个或者多个程序可被一个或者多个处理器执行，应用于交叉表渲染设备中，该计算机程序实现如上述的交叉表渲染方法。[0168]需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。[0169]通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本公开的技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台图像显示设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本公开各个实施例所述的交叉表渲染方法。[0170]以上所述，仅为本技术的较佳实施例而已，并非用于限定本技术的保护范围。当前第1页12当前第1页12
背景技术：
：：2.现有网页端交叉表多采用表格标签(table)进行渲染，并且在多层交叉表渲染时，通常采用table和绘图插件(canvas)结合或者单独进行渲染，由于网页中table元素在单元格合并时存在限制，在列数较多时会出现合并单元格失败，列分组显示有误的情况，使得交叉表在不同浏览器中显示时会存在显示上的兼容性问题。技术实现要素：3.本技术实施例提供一种交叉表渲染方法及装置、存储介质，能够解决交叉表在不同浏览器显示的兼容性问题，保证了交叉表显示的准确性。4.本技术的技术方案是这样实现的：5.第一方面，本技术实施例提供一种交叉表渲染方法，所述方法包括：6.利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；所述第一交叉表布局根据待渲染的第一交叉表的多层表头信息和所述多层表头信息对应的数值信息生成；7.在所述第一坐标位置处渲染所述第一交叉表布局。8.在上述交叉表渲染方法中，所述利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置，包括：9.利用所述svg，确定所述第一交叉表布局的行表头坐标位置和列表头坐标位置；10.根据所述行表头坐标位置和所述列表头坐标位置确定所述第一交叉表布局的数值单元格坐标位置；所述数值单元格为所述第一交叉表布局中行与列的交叉部分；11.将所述行表头坐标位置和所述列表头坐标位置之间的交叉位置确定为行列属性坐标位置；12.将所述行表头坐标位置、所述列表头坐标位置、所述数值单元格坐标位置和所述行列属性坐标位置确定为所述第一坐标位置。13.在上述交叉表渲染方法中，所述在所述第一坐标位置处渲染所述第一交叉表布局，包括：14.在所述行表头坐标位置处渲染所述第一交叉表布局中的行表头信息；15.在所述列表头坐标位置处渲染所述第一交叉表布局中的列表头信息；16.在所述数值单元格坐标位置处渲染所述第一交叉表布局中的数值信息；所述数值信息为所述数值单元格中写入的信息；17.在所述行列属性坐标位置处渲染所述第一交叉表布局中的行属性信息和列属性信息。18.在上述交叉表渲染方法中，所述利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置，包括：19.在所述第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕显示和与所述屏幕显示相接的预设区域确定为渲染区域；20.根据所述渲染区域，从所述第一交叉表布局中确定待渲染交叉表布局；21.利用所述svg，确定所述待渲染交叉表布局在所述渲染区域的第一坐标位置；22.在所述第一交叉表布局中的数值信息的数量小于或等于所述第一预设数值的情况下，利用所述svg，从所述屏幕中确定出所述第一交叉表布局所处的所述第一坐标位置。23.在上述交叉表渲染方法中，所述利用所述svg，确定所述待渲染交叉表布局在所述渲染区域的第一坐标位置之后，所述方法还包括：24.在所述第一坐标位置处渲染所述待渲染交叉表布局；25.在所述屏幕上显示部分交叉表布局对应的部分第一交叉表；所述部分交叉表布局为所述待渲染交叉表布局中所述屏幕对应的交叉表布局；26.在接收到页面滑动显示指令的情况下，根据所述页面滑动显示指令确定待显示区域；27.在所述待显示区域属于所述渲染区域的情况下，在所述屏幕上显示所述待显示区域对应的部分第一交叉表；28.在所述待显示区域不属于所述渲染区域的情况下，继续渲染所述第一交叉表布局，直至所述第一交叉表布局全部渲染完毕。29.在上述交叉表渲染方法中，所述利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置之前，所述方法还包括：30.获取多层表头信息和所述多层表头信息对应的数值；31.根据所述多层表头信息确定行分层信息、所述行分层信息对应的行属性信息、列分层信息和所述列分层信息对应的列属性信息；32.根据所述行分层信息、所述行属性信息、所述列分层信息和所述列属性信息生成初始交叉表布局；33.基于所述初始交叉表布局和所述数值信息，生成所述第一交叉表布局。34.在上述交叉表渲染方法中，所述根据所述行分层信息、所述行属性信息、所述列分层信息和所述列属性信息生成初始交叉表布局，包括：35.根据所述行属性信息和各个行属性信息对应的行分层信息，生成行表头信息；36.根据所述列属性信息和各个列属性信息对应的列分层信息，生成列表头信息；37.根据所述行分层信息和所述列分层信息，确定行数和列数；38.根据所述行数、所述列数、所述行表头信息和所述列表头信息，生成所述初始交叉表布局。39.在上述交叉表渲染方法中，所述生成所述第一交叉表布局之后，所述方法还包括：40.基于所述数值信息的数量和第二预设数值，配置至少一个线程同时对所述第一交叉表布局中的所述数值信息进行数据分析，得到数据分析结果，并对所述数据分析结果进行渲染。41.在上述交叉表渲染方法中，所述在所述第一坐标位置处渲染所述待渲染交叉表布局，包括：42.配置多个线程同时在所述第一坐标位置处渲染所述待渲染交叉表布局。43.第二方面，本技术实施例提供一种交叉表渲染装置，所述装置包括：44.确定模块，用于利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；所述第一交叉表布局根据待渲染的第一交叉表的多层表头信息和所述多层表头信息对应的数值信息生成；45.渲染模块，用于在所述第一坐标位置处渲染所述第一交叉表布局。46.第三方面，本技术实施例提供一种交叉表渲染设备，所述设备包括：处理器、存储器及通信总线；所述处理器执行存储器存储的运行程序时实现如上述任一项所述的交叉表渲染方法。47.第四方面，本技术实施例提供一种存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如上述任一项所述的交叉表渲染方法。48.本技术实施例提供了一种交叉表渲染方法及装置、存储介质，该交叉表渲染方法包括：利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；第一交叉表布局根据待渲染的第一交叉表的多层表头信息和多层表头信息对应的数值信息生成；在第一坐标位置处渲染第一交叉表布局。采用上述实现方案，通过可缩放矢量图像svg来渲染交叉表，由于可缩放矢量图像svg确定的第一坐标位置为绝对位置，因此能够保证交叉表的布局位置不会随着浏览器的切换而改变，保证了交叉表显示的准确性。附图说明49.图1为本技术实施例提供的一种交叉表渲染方法流程图；50.图2为本技术实施例提供的一种交叉表渲染方法模块流程图；51.图3为本技术实施例提供的一种示例性的多层交叉表示意图；52.图4为本技术实施例提供的一种示例性的渲染区域示意图；53.图5为本技术实施例提供的一种生成第一交叉表布局流程图；54.图6为本技术实施例提供的一种动态渲染流程图；55.图7为本技术实施例提供的一种交叉表渲染装置的组成结构示意图；56.图8为本技术实施例提供的一种交叉表渲染设备的组成结构示意图。具体实施方式57.应当理解，此处描述的具体实施例仅仅用以解释本技术。并不用于限定本技术。58.实施例一59.本技术实施例提供一种交叉表渲染方法，应用于交叉表渲染装置中，图1为本技术实施例提供的一种交叉表渲染方法流程图，如图1所示，交叉表渲染方法可以包括：60.s101、利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；第一交叉表布局根据待渲染的第一交叉表的多层表头信息和多层表头信息对应的数值信息生成。61.本技术实施例提出的一种交叉表渲染方法可以适用于在屏幕上显示交叉表的场景下。62.在本技术实施例中，交叉表渲染过程具体是通过四个模块进行实现的，图2为本申请实施例提供的一种交叉表渲染方法模块流程图，如图2所示，四个模块分别为：用户输入模块、布局预处理模块、统计分析模块和渲染模块。63.具体的，通过获取用户输入模块中输入的数据，得到第一数据，然后将第一数据输入布局预处理模块中，解析第一数据，并且根据解析出的内容生成第一交叉表布局，通过统计分析模块对第一交叉表布局进行数据分析，最后利用渲染模块渲染第一交叉表布局。64.在本技术实施例中，交叉表渲染装置利用可缩放矢量图像(scalablevectorgraphics，svg)，在屏幕上确定第一交叉表布局对应的第一坐标位置。65.需要说明的是，在屏幕上确定第一交叉表布局对应的第一坐标位置是通过图2中的渲染模块实现的。66.在本技术实施例中，由于svg具有可按照指定路径渲染文本的特性，因此可利用svg，在屏幕上确定第一交叉表布局对应的第一坐标位置，具体的：利用svg，确定第一交叉表布局的行表头坐标位置和列表头坐标位置；根据行表头坐标位置和列表头坐标位置确定第一交叉表布局的数值单元格坐标位置；数值单元格为第一交叉表布局中行与列的交叉部分；将行表头坐标位置和列表头坐标位置之间的交叉位置确定为行列属性坐标位置；将行表头坐标位置、列表头坐标位置、数值单元格坐标位置和行列属性坐标位置确定为第一坐标位置。67.需要说明的是，一个交叉表可以分为四个部分组成，包括行表头、列表头、行列属性以及数值；并且交叉表的行表头和列表头可以为单层或者多层的行表头和列表头。68.示例性的，图3为本技术提供的一种示例性的多层交叉表示意图，如图3所示，图3中的多层交叉表是由两层列表头和两层行表头组成的，其中行列属性的位置为图中行表头和列表头相接的位置，即图3中的“运营商”、“性别”和“城市”共同组成的矩形区域。69.在本技术实施例中，根据第一交叉表布局中的数值信息的数量分为动态渲染和全量渲染两种方式确定第一坐标位置。70.具体的，通过动态渲染的方式确定第一坐标位置的过程包括：在第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕和与屏幕相接的预设区域确定为渲染区域；根据渲染区域，从第一交叉表布局中确定待渲染交叉表布局；利用svg，确定待渲染交叉表布局在渲染区域的第一坐标位置。71.需要说明的是，此时的第一预设数值可以根据屏幕所能承载显示的最大数值信息的数量确定。72.需要说明的是，第一交叉表布局中的数值信息的数量为第一交叉表布局中数值的总量，如图3所示，其中各个单元格中的累计支付金额的个数即为数值信息的数量，可以在总体的数据量大于预设数值时，确定渲染区域；也可以进一步地根据此数值信息的数量确定对应的第一交叉表布局列数，在第一交叉表布局列数大于预设列数时，确定渲染区域，又或者是进一步地根据此数值信息的数量确定对应的第一交叉表布局行数，在第一交叉表布局行数大于预设行数时，确定渲染区域，具体的确定方案根据实际情况确定，本技术实施例在此不做限定。73.需要说明的是，预设区域可以为与当前屏幕下方相接的下一个屏幕的窗口大小和与当前屏幕右边相接的下一个屏幕的窗口大小，也可以为与当前屏幕下方相接的下两个屏幕的窗口大小和与当前屏幕右边相接的下两个屏幕的窗口大小，具体的预设区域大小可根据实际情况确定，本技术实施例在此不做限定。74.示例性的，图4为本技术提供的一种示例性的渲染区域示意图，如图4所示，屏幕a即为可见区域，而与屏幕a相接的部分为预设区域b，剩下的即为不可见区域c。75.需要说明的是，由于将屏幕和与屏幕相接的预设区域确定为渲染区域，然后根据此渲染区域渲染对应的交叉表，在用户滑动屏幕查看交叉表时，当用户的滑动屏幕大小在此渲染区域内时，能够直接查看此交叉表，即不用再次渲染，进而提高了响应速度。76.需要说明的是，由于确定渲染区域是在在总体的数据量大于预设数值时确定的，此时，说明屏幕大小不能全部渲染出第一交叉表布局，也就是不能在屏幕上完全显示此第一交叉表布局，则需要从第一交叉表布局中确定出部分能够匹配上渲染区域大小的交叉表布局，将其确定为待渲染交叉表布局。77.需要说明的是，由于待渲染布局为从第一交叉表布局中确定的，为部分第一交叉表布局，因此确定待渲染交叉表布局在渲染区域的第一坐标位置与确定第一交叉表布局对应的第一坐标位置的步骤是相同的，本技术在此不赘述。78.具体的，通过全量渲染的方式确定第一坐标位置的过程包括：在第一交叉表布局中的数值信息的数量小于或等于第一预设数值的情况下，利用svg，从屏幕中确定出第一交叉表布局所处的第一坐标位置。79.需要说明的是，由于确定渲染区域是在在总体的数据量小于或等于预设数值时确定的，此时，说明屏幕大小可能能够全部渲染出第一交叉表布局，也就是能够在屏幕上完全显示此第一交叉表布局，则可以利用svg直接从屏幕中确定出第一交叉表布局所处的第一坐标位置，具体的步骤与确定第一交叉表布局对应的第一坐标位置的步骤是相同的，本技术在此不赘述。80.在本技术实施例中，在利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置之前，还包括生成第一交叉表布局的过程，并且此过程是通过图2中的用户输入模块和布局预处理模块这两个模块共同实现的，图5为本技术提供的一种生成第一交叉表布局流程图，如图5所示，方法包括：81.s201、获取多层表头信息和多层表头信息对应的数值信息。82.具体的，用于输入模块接收用户输入的第一数据，并将第一数据传输至布局预处理模块，布局预处理模块解析用户输入的第一数据，得到多层表头信息和多层表头信息对应的数值信息。83.s202、根据多层表头信息确定行分层信息、行分层信息对应的行属性信息、列分层信息和列分层信息对应的列属性信息。84.需要说明的是，行分层信息和列分层信息为行的分层数以及每个行分层对应的分层信息、列的分层数以及每个列分层对应的分层信息。85.具体的，如图3所示，其中行表头的分层数为两层，第一层行表头的属性信息为“省份”，其中第一层行表头的分层信息为“上海”、“云南”，第二层行表头的属性信息为“城市”，其中第二层行表头的分层信息为“上海”、“临沧3”、“丽江”、“保山”等。86.具体的，如图3所示，其中列表头的分层数为两层，第一层列表头的属性信息为“运营商”，其中第一层列表头的分层信息为“移动”、“联通”、“电信”和“其他”，第二层列表头的属性信息为“性别”，其中第二层列表头的分层信息为“男”和“女”。87.s203、根据行分层信息、行属性信息、列分层信息和列属性信息生成初始交叉表布局。88.具体的，根据行属性信息和各个行属性信息对应的行分层信息，生成行表头信息；根据列属性信息和各个列属性信息对应的列分层信息，生成列表头信息；根据行分层信息和列分层信息，确定行数和列数；根据行数、列数、行表头信息和列表头信息，生成初始交叉表布局。89.需要说明的是，在确定行数、列数、行表头信息和列表头信息之后，生成初始交叉表布局的过程可以通过预设循环算法实现，具体的，根据从上到下，从左到右的顺序依次对行表头信息和列表头信息进行扫描，并将各初始值设为1，横向扫描以i记，纵向扫描以j记，每次扫描中当d[i][j]＝d[i][j 1]时，单元格的值加1，如此循环，直到数据扫描最后一行的最后一列，此时生成初始布局矩阵。[0090]s204、基于初始交叉表布局和数值信息，生成第一交叉表布局。[0091]具体的，将数值信息依次添加至初始交叉表布局对应的单元格中，生成第一交叉表布局。[0092]需要说明的是，在生成第一交叉表布局时，还需要将初始交叉表布局的表头逐层将相同属性信息的行表头或者列表头进行合并，如图3所示，在图3的列表头中，“移动”即是合并后的列表头属性，由于“移动，女”和“移动，男”的上层列表头都是“移动”，即对其进行合并。[0093]在本技术实施例中，在生成第一交叉表布局之后，基于数值信息的数量和第二预设数值，配置至少一个线程同时对第一交叉表布局中的数值信息进行数据分析，得到数据分析结果，并对数据分析结果进行渲染。[0094]需要说明的是，对第一交叉表布局中的数值信息进行数据分析是通过图2中的数据分析模块实现的。[0095]具体的，当数值信息的数量大小于或等于预设数值时，配置一个线程对第一交叉表布局中的数值信息进行数据分析；当数值信息的数量大于预设数值时，配置多个线程同时对第一交叉表布局中的数值信息进行数据分析，在进行数据分析之后，得到数据分析结果，并对数据分析结果进行渲染。[0096]需要说明的是，线程也可以是工作线程(worker)。[0097]可以理解的是，通过配置多个线程同时对此第一交叉表布局进行数据分析操作能够达到提高数据分析效率的目的。[0098]需要说明的是，数据分析操作可以是对同一属性的数值信息进行求和，也可以对其中同一行或者同一列的数值信息进行从小到大或者从大到小进行排序，又或者是求出第一交叉表布局中所有数值信息的最值等数据分析操作，具体的数据分析操作根据实际情况确定，本技术实施例在此不做限定。[0099]在本技术实施例中，生成第一交叉表布局以供交叉表渲染装置利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置。[0100]在本技术实施例中，在确定了第一交叉表布局对应的第一坐标位置之后，即可以在确定出的第一坐标位置处渲染此第一交叉表布局。[0101]s102、在第一坐标位置处渲染第一交叉表布局。[0102]在本技术实施例中，交叉表渲染装置在确定第一交叉表布局对应的第一坐标位置之后，在第一坐标位置处渲染第一交叉表布局。[0103]需要说明的是，在第一坐标位置处渲染第一交叉表布局是通过图2中的渲染模块实现的。[0104]具体的，在行表头坐标位置处渲染第一交叉表布局中的行表头信息；在列表头坐标位置处渲染第一交叉表布局中的列表头信息；在数值单元格坐标位置处渲染第一交叉表布局中的数值信息；数值信息为数值单元格中写入的信息；在行列属性坐标位置处渲染第一交叉表布局中的行属性信息和列属性信息。[0105]需要说明的是，在行列属性坐标位置处渲染第一交叉表布局中的行属性信息和列属性信息时，如图3所示，需要对行列属性坐标位置处的矩形区域进行切分，在切分时，根据行表头和列表头信息将此矩形区域切分成所需个数的三角形。[0106]需要说明的是，在数值单元格坐标位置处渲染第一交叉表布局中的数值信息时，根据第一交叉表布局生成多个单元格，其中每个单元格对应渲染第一交叉表布局中对应的数值。[0107]在本技术实施例中，在利用svg确定待渲染交叉表布局在渲染区域的第一坐标位置之后，在第一坐标位置处渲染待渲染交叉表布局。[0108]需要说明的是，此时利用svg确定待渲染交叉表布局在渲染区域的第一坐标位置，是在第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，使用动态渲染的方式确定的第一坐标位置，因此在此第一坐标位置处渲染待渲染交叉表布局为动态渲染。[0109]具体的，图6为本技术提供的一种动态渲染流程图，如图6所示，方法包括：[0110]s301、在第一坐标位置处渲染待渲染交叉表布局。[0111]在本技术实施例中，在第一坐标位置处渲染待渲染交叉表布局时，配置多个线程同时在第一坐标位置处渲染待渲染交叉表布局。[0112]需要说明的是，也可以是配置多个worker同时在第一坐标位置处渲染待渲染交叉表布局。[0113]可以理解的是，通过配置多个线程进行动态渲染能够达到提高渲染效率的目的。[0114]s302、在屏幕上显示部分交叉表布局对应的部分第一交叉表；部分交叉表布局为待渲染交叉表布局中屏幕对应的交叉表布局。[0115]需要说明的是，由于此待渲染交叉表布局为渲染区域对应的部分交叉表布局，因此，在渲染此待渲染交叉表布局之后，即在渲染区域显示此部分交叉表布局对应的部分第一交叉表。[0116]s303、在接收到页面滑动显示指令的情况下，根据页面滑动显示指令确定待显示区域。[0117]具体的，页面滑动显示指令可以是用户输入的向上滑动指令、向下滑动指令、向左滑动指令和向右滑动指令，在接收到用户的页面滑动显示指令后，根据此指令确定待显示区域，具体的，假设用户向下滑动了三个屏幕大小的页面，此时待显示区域则为第四个屏幕页面；又或者假设用户只向下滑动了一个屏幕大小的页面，此时待显示区域则为第二个屏幕页面，具体滑动大小根据实际情况确定，本技术实施例在此不做限定。[0118]s304、在待显示区域属于渲染区域的情况下，在屏幕上显示待显示区域对应的部分第一交叉表。[0119]具体的，由于交叉表渲染装置在第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕显示和与所述屏幕显示相接的预设区域确定为渲染区域，如果此时设定的预设区域为与当前屏幕下方相接的下一个屏幕的窗口大小和与当前屏幕右边相接的下一个屏幕的窗口大小，并且假设用户向下滑动了一个屏幕大小的页面，此时待显示区域则为第二个屏幕页面，由于此时待显示区域属于渲染区域，并且之前已经在第一坐标位置处渲染了待渲染交叉表布局，即能够直接显示此待显示区域对应的部分第一交叉表。[0120]s305、在待显示区域不属于渲染区域的情况下，继续渲染第一交叉表布局，直至第一交叉表布局全部渲染完毕。[0121]具体的，如果此时设定的预设区域还是为与当前屏幕下方相接的下一个屏幕的窗口大小和与当前屏幕右边相接的下一个屏幕的窗口大小，并且假设用户向下滑动了三个屏幕大小的页面，此时待显示区域则为第四个屏幕页面，由于此时待显示区域不属于渲染区域，因此需要继续在此待显示区域继续渲染此第一交叉表布局，进而在屏幕上显示此待显示区域对应的部分第一交叉表。[0122]进一步地，本技术还可以通过全量渲染的方式渲染待渲染交叉表布局，具体的，在利用svg，从屏幕中确定出第一交叉表布局所处的第一坐标位置之后，在第一坐标位置处渲染待渲染交叉表布局。[0123]需要说明的是，此时利用svg从屏幕中确定出第一交叉表布局所处的第一坐标位置，是在第一交叉表布局中的数值信息的数量小于或等于第一预设数值的情况下，使用全量渲染的方式确定的第一坐标位置，因此在此第一坐标位置处渲染待渲染交叉表布局为全量渲染。[0124]在本技术实施例中，在全量渲染时，在屏幕上显示第一交叉表对应的全部交叉表。[0125]需要说明的是，全量渲染可以理解为在屏幕上能够完全显示，即一次将第一交叉表全部渲染。[0126]本技术实施例提供了一种交叉表渲染方法，该交叉表渲染方法包括：利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；第一交叉表布局根据待渲染的第一交叉表的多层表头信息和多层表头信息对应的数值信息生成；在第一坐标位置处渲染第一交叉表布局。采用上述实现方案，通过利用可缩放矢量图像svg来渲染交叉表，由于可缩放矢量图像svg确定的第一坐标位置为绝对位置，因此能够保证交叉表的布局位置不会随着浏览器的切换而改变，保证了交叉表显示的准确性。[0127]实施例二[0128]在本技术的另一实施例中，提供了一种交叉表渲染装置，图7为本技术提供的一种交叉表渲染装置的组成结构示意图，如图7所示，该交叉表渲染装置包括：[0129]确定模块10，用于利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；所述第一交叉表布局根据待渲染的第一交叉表的多层表头信息和所述多层表头信息对应的数值信息生成；[0130]渲染模块11，用于在所述第一坐标位置处渲染所述第一交叉表布局。[0131]其中，所述确定模块10，还用于利用所述svg，确定所述第一交叉表布局的行表头坐标位置和列表头坐标位置；根据所述行表头坐标位置和所述列表头坐标位置确定所述第一交叉表布局的数值单元格坐标；所述数值单元格为所述第一交叉表布局中行与列的交叉部分；将所述行表头坐标位置和所述列表头坐标位置之间的交叉位置确定为行列属性坐标位置；将所述行表头坐标位置、所述列表头坐标位置、所述数值单元格坐标位置和所述行列属性坐标位置确定为所述第一坐标位置。[0132]其中，所述渲染模块11，还用于在所述行表头坐标位置处渲染所述第一交叉表布局中的行表头信息；在所述列表头坐标位置处渲染所述第一交叉表布局中的列表头信息；在所述数值单元格坐标位置处渲染所述第一交叉表布局中的数值信息；所述数值信息为所述数值单元格中写入的信息；在所述行列属性坐标位置处渲染所述第一交叉表布局中的行属性信息和列属性信息。[0133]其中，所述确定模块10，还用于在所述第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕显示和与所述屏幕显示相接的预设区域确定为渲染区域；根据所述渲染区域，从所述第一交叉表布局中确定待渲染交叉表布局；利用所述svg，确定所述待渲染交叉表布局在所述渲染区域的第一坐标位置；[0134]其中，所述确定模块10，还用于在所述第一交叉表布局中的数值信息的数量小于或等于所述第一预设数值的情况下，利用所述svg，从所述屏幕中确定出所述第一交叉表布局所处的所述第一坐标位置。[0135]其中，所述渲染模块11，还用于在所述第一坐标位置处渲染所述待渲染交叉表布局；[0136]可选的，所述交叉表渲染装置1还包括：显示模块；[0137]所述显示模块，用于在所述屏幕上显示部分交叉表布局对应的部分第一交叉表；所述部分交叉表布局为所述待渲染交叉表布局中所述屏幕对应的交叉表布局；[0138]所述确定模块10，还用于在接收到页面滑动显示指令的情况下，根据所述页面滑动显示指令确定待显示区域；[0139]所述显示模块，还用于在所述待显示区域属于所述渲染区域的情况下，在所述屏幕上显示所述待显示区域对应的部分第一交叉表；[0140]所述渲染模块11，还用于在所述待显示区域不属于所述渲染区域的情况下，继续渲染所述第一交叉表布局，直至所述第一交叉表布局全部渲染完毕。[0141]可选的，所述交叉表渲染装置1还包括：获取模块，生成模块；[0142]所述获取模块，用于获取多层表头信息和所述多层表头信息对应的数值；[0143]所述确定模块10，还用于根据所述多层表头信息确定行分层信息、所述行分层信息对应的行属性信息、列分层信息和所述列分层信息对应的列属性信息；[0144]所述生成模块，用于根据所述行分层信息、所述行属性信息、所述列分层信息和所述列属性信息生成初始交叉表布局；[0145]所述生成模块，还用于基于所述初始交叉表布局和所述数值，生成所述第一交叉表布局。[0146]所述生成模块，还用于根据所述行属性信息和各个行属性信息对应的行分层信息，生成行表头信息；[0147]所述生成模块，还用于根据所述列属性信息和各个列属性信息对应的列分层信息，生成列表头信息；[0148]所述确定模块10，还用于根据所述行分层信息和所述列分层信息，确定行数和列数；[0149]所述生成模块，还用于根据所述行数、所述列数、所述行表头信息和所述列表头信息，生成所述初始交叉表布局。[0150]可选的，所述交叉表渲染装置1还包括：数据分析模块；[0151]所述数据分析模块，用于基于所述数值信息的数量和第二预设数值，配置至少一个线程同时对所述第一交叉表布局中的所述数值信息进行数据分析，得到数据分析结果，并对所述数据分析结果进行渲染。[0152]所述渲染模块11，还用于配置多个线程同时在所述第一坐标位置处渲染所述待渲染交叉表布局。[0153]本技术实施例提供了一种交叉表渲染方法装置，该交叉表渲染装置包括：利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；第一交叉表布局根据待渲染的第一交叉表的多层表头信息和多层表头信息对应的数值信息生成；在第一坐标位置处渲染第一交叉表布局。采用上述实现方案，通过利用可缩放矢量图像svg来渲染交叉表，由于可缩放矢量图像svg确定的第一坐标位置为绝对位置，因此能够保证交叉表的布局位置不会随着浏览器的切换而改变，保证了交叉表显示的准确性。[0154]图8为本技术实施例提供的一种交叉表渲染设备的组成结构示意图，在实际应用中，基于上述实施例的同一公开构思下，如图8所示，本实施例的交叉表渲染设备包括：显示器12、处理器13、存储器14及通信总线15。[0155]在具体的实施例的过程中，上述确定模块10、渲染模块11、获取模块、生成模块和数据分析模块可由位于交叉表渲染设备上的处理器13实现，上述显示模块可由位于交叉表渲染设备上的显示器12实现，上述处理器13可以为特定用途集成电路(asic，applicationspecificintegratedcircuit)、数字信号处理器(dsp，digitalsignalprocessor)、数字信号处理图像处理装置(dspd，digitalsignalprocessingdevice)、可编程逻辑图像处理装置(pld，programmablelogicdevice)、现场可编程门阵列(fpga，fieldprogrammablegatearray)、cpu、控制器、微控制器、微处理器中的至少一种。可以理解地，对于不同的设备，用于实现上述处理器功能的电子器件还可以为其它，本实施例不作具体限定。[0156]在本技术实施例中，上述通信总线15用于实现显示器12、处理器13和存储器14之间的连接通信；上述处理器13执行存储器14中存储的运行程序时实现如下的交叉表渲染方法：[0157]利用可缩放矢量图像svg，在屏幕上确定第一交叉表布局对应的第一坐标位置；所述第一交叉表布局根据待渲染的第一交叉表的多层表头信息和所述多层表头信息对应的数值信息生成；[0158]在所述第一坐标位置处渲染所述第一交叉表布局。[0159]可选的，所述处理器13还用于利用所述svg，确定所述第一交叉表布局的行表头坐标位置和列表头坐标位置；根据所述行表头坐标位置和列表头坐标位置确定所述第一交叉表布局的数值单元格坐标位置；所述数值单元格为所述第一交叉表布局中行与列的交叉部分；将所述行表头坐标位置和所述列表头坐标位置之间的交叉位置确定为行列属性坐标位置；将所述行表头坐标位置、所述列表头坐标位置、所述数值单元格坐标位置和所述行列属性坐标位置确定为所述第一坐标位置。[0160]可选的，所述处理器13还用于在所述行表头坐标位置处渲染所述第一交叉表布局中的行表头信息；在所述列表头坐标位置处渲染所述第一交叉表布局中的列表头信息；在所述数值单元格坐标位置处渲染所述第一交叉表布局中的数值信息；所述数值信息为所述数值单元格中写入的信息；在所述行列属性坐标位置处渲染所述第一交叉表布局中的行属性信息和列属性信息。[0161]可选的，所述处理器13还用于在所述第一交叉表布局中的数值信息的数量大于第一预设数值的情况下，将屏幕显示和与所述屏幕显示相接的预设区域确定为渲染区域；根据所述渲染区域，从所述第一交叉表布局中确定待渲染交叉表布局；利用所述svg，确定所述待渲染交叉表布局在所述渲染区域的第一坐标位置；在所述第一交叉表布局中的数值信息的数量小于或等于所述第一预设数值的情况下，利用所述svg，从所述屏幕中确定出所述第一交叉表布局所处的所述第一坐标位置。[0162]可选的，所述处理器13还用于在所述第一坐标位置处渲染所述待渲染交叉表布局；在所述屏幕上显示部分交叉表布局对应的部分第一交叉表；所述部分交叉表布局为所述待渲染交叉表布局中所述屏幕对应的交叉表布局；在接收到页面滑动显示指令的情况下，根据所述页面滑动显示指令确定待显示区域；在所述待显示区域属于所述渲染区域的情况下，在所述屏幕上显示所述待显示区域对应的部分第一交叉表；在所述待显示区域不属于所述渲染区域的情况下，继续渲染所述第一交叉表布局，直至所述第一交叉表布局全部渲染完毕。[0163]可选的，所述处理器13还用于获取多层表头信息和所述多层表头信息对应的数值；根据所述多层表头信息确定行分层信息、所述行分层信息对应的行属性信息、列分层信息和所述列分层信息对应的列属性信息；根据所述行分层信息、所述行属性信息、所述列分层信息和所述列属性信息生成初始交叉表布局；基于所述初始交叉表布局和所述数值，生成所述第一交叉表布局。[0164]可选的，所述处理器13还用于根据所述行属性信息和各个行属性信息对应的行分层信息，生成行表头信息；根据所述列属性信息和各个列属性信息对应的列分层信息，生成列表头信息；根据所述行分层信息和所述列分层信息，确定行数和列数；根据所述行数、所述列数、所述行表头信息和所述列表头信息，生成所述初始交叉表布局。[0165]可选的，所述处理器13还用于基于所述数值信息的数量和第二预设数值，配置至少一个线程同时对所述第一交叉表布局中的所述数值信息进行数据分析，得到数据分析结果，并对所述数据分析结果进行渲染。[0166]可选的，所述处理器13还用于配置多个线程同时在所述第一坐标位置处渲染所述待渲染交叉表布局。[0167]本技术实施例提供一种存储介质，其上存储有计算机程序，上述计算机可读存储介质存储有一个或者多个程序，上述一个或者多个程序可被一个或者多个处理器执行，应用于交叉表渲染设备中，该计算机程序实现如上述的交叉表渲染方法。[0168]需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。[0169]通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本公开的技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台图像显示设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本公开各个实施例所述的交叉表渲染方法。[0170]以上所述，仅为本技术的较佳实施例而已，并非用于限定本技术的保护范围。当前第1页12当前第1页12
再多了解一些
本文用于创业者技术爱好者查询，仅供学习研究，如用于商业用途，请联系技术所有人。
