一种基于可视化图表库的动态分区渲染方法、系统与流程

    专利查询2025-04-19  30


    本发明涉及数据可视化,尤其涉及一种基于可视化图表库的动态分区渲染方法、系统。


    背景技术:

    1、随着金融技术的发展,采用图表对金融进行量化分析以及动态的对图表数据进行分区渲染是一种常见的需求,通常采用可视化图表库来实现图表渲染功能,但在动态更新图表数据,特别是在实时标注和分区渲染方面存在一定的局限性。

    2、如中国发明专利公开说明书cn115098533a公开了一种拖拽配图表的数据可视化方法及系统,包括:通过设定的主动数据采集方法和被动数据采集方式,获取目标数据;通过预置的数据配置规则,将目标数据组装成目标格式,并根据可视化组件类型,将目标格式下的数据转换为图表渲染所需格式,以将目标数据转换为可视化图表;对可视化图表的字段进行自适应编辑后,通过拖拽字段至可视化区域以进行数据回显。但是,此方法将所有数据均进行了图表转化,并未进行动态的分区渲染。

    3、现有技术中实现金融图表量化中的动态标注功能时,难以避免标注内容越界的问题,即标注信息超出了预定的显示区域,影响了数据展示的时效性和准确性;同时,频繁的dom操作还可能导致浏览器的渲染过程发生回流,增加了系统资源的消耗,降低了渲染效率。


    技术实现思路

    1、为解决现有技术的不足,本发明提出基于可视化图表库的动态分区渲染方法。

    2、为实现以上目的,本发明所采用的技术方案包括:

    3、一种基于可视化图表库的动态分区渲染方法,用于金融量化系统,其特征在于,包括:

    4、s1、接收输入的图表数据,所述图表数据包括坐标数据、区域标识数据;

    5、s2、构建回调钩子函数,用于监听所述图表数据的变化,当所述区域标识数据发生变化,则继续执行步骤s3,当所述区域标识数据未发生变化,则继续监听;

    6、s3、将所述图表数据进行预处理,形成可视化图表库能够渲染的数据结构;

    7、s4、将所述图表数据以及预处理数据配置于所述可视化图表库的参数中;

    8、s5、调用所述可视化图表库的重绘功能对动态标域进行渲染。

    9、进一步,所述预处理具体包括:

    10、将所述图表数据整理及清洗形成标域数据;

    11、将所述标域数据根据所述图表数据的分区数量以及分区坐标信息生成y轴分区数据。

    12、更进一步,将所述图表数据以及预处理数据配置于所述可视化图表库的参数中进一步包括:

    13、将所述图表数据配置于option参数中;

    14、将所述标域数据配置于标记区域参数中;

    15、将所述y轴分区数据配置于y轴参数中。

    16、更进一步,将所述y轴分区数据配置于y轴参数中进一步包括:

    17、设定y轴的最小值以及最大值;

    18、配置y轴轴线和刻度线的显示属性;

    19、通过y轴刻度标签格式化函数对分区点进行标记。

    20、可选的,所述区域标识数据包括在图表中高亮显示特定区域的视觉标记信息。

    21、可选的,所述方法还包括对动态标域进行实时更新的步骤:

    22、当接收到新输入的图表数据时,重复执行步骤s1至s5,将所述动态标域进行实时更新。

    23、可选的,所述可视化图表库为echarts。

    24、此外,本发明还涉及一种基于可视化图表库的动态分区渲染系统,用于金融量化系统,其特征在于,包括:

    25、数据接收模块,用于接收输入的图表数据,所述图表数据包括坐标数据、区域标识数据;

    26、数据变化监听模块,用于构建回调钩子函数监听图表数据的变化,尤其针对区域标识数据变化进行监听;

    27、数据预处理模块,当数据变化监听单元检测到区域标识数据发生变化时,对所述图表数据进行预处理,形成可视化图表库能够渲染的数据结构;

    28、图表配置模块,用于将预处理后的图表数据以及相关数据配置于所述可视化图表库的参数中;

    29、图表渲染控制模块,用于调用可视化图表库的重绘功能,根据配置的参数对动态标域进行渲染。

    30、此外,本发明还涉及一种电子设备,其特征在于,包括处理器和存储器;

    31、所述存储器,用于存储操作指令;

    32、所述处理器,用于通过调用所述操作指令,执行上述的方法。

    33、此外,本发明还涉及一种计算机可读存储介质,其特征在于,所述存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现上述的方法。

    34、采用本申请提供的方案,通过构建回调钩子函数,实时监听图表数据的变化,尤其针对区域标识数据;对图表数据进行预处理,包括数据整理、清洗,并生成标域数据以及y轴分区数据;将预处理后的数据配置到图表库的参数中,包括option参数、标记区域参数和y轴参数;调用图表库的重绘功能,对动态标域进行实时渲染,确保图表准确反映数据变化。因此采用上述技术方案,实现了对图表数据的实时监听和动态更新,增强了图表的交互性和实时性,并通过对y轴分区进行动态配置,提高数据可视化的灵活性,可减少dom操作,有效避免了浏览器回流,提升了渲染效率,可实时更新动态标域,避免标注内容越界,确保了数据展示的时效性和准确性。



    技术特征:

    1.一种基于可视化图表库的动态分区渲染方法,用于金融量化系统,其特征在于,包括:

    2.根据权利要求1所述的方法,其特征在于,所述预处理具体包括:

    3.根据权利要求2所述的方法,其特征在于,将所述图表数据以及预处理数据配置于所述可视化图表库的参数中进一步包括:

    4.根据权利要求3所述的方法,其特征在于,将所述y轴分区数据配置于y轴参数中进一步包括:

    5.根据权利要求1所述的方法,其特征在于,所述区域标识数据包括在图表中高亮显示特定区域的视觉标记信息。

    6.根据权利要求1所述的方法,其特征在于,还包括对动态标域进行实时更新的步骤:

    7.根据权利要求1所述的方法,其特征在于,所述可视化图表库为echarts。

    8.一种基于可视化图表库的动态分区渲染系统,用于金融量化系统,其特征在于,包括:

    9.一种电子设备,其特征在于,包括处理器和存储器;

    10.一种计算机可读存储介质,其特征在于,所述存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-7中任一项所述的方法。


    技术总结
    本发明涉及一种基于可视化图表库的动态分区渲染方法、系统,用于金融量化系统,所述方法包括:通过构建回调钩子函数,实时监听图表数据的变化,尤其针对区域标识数据;对图表数据进行预处理,包括数据整理、清洗,并生成标域数据以及Y轴分区数据;将预处理后的数据配置到图表库的参数中,包括option参数、标记区域参数和Y轴参数;调用图表库的重绘功能,对动态标域进行实时渲染。本申请公开的技术方案能够对图表数据的实时监听和动态更新,增强了图表的交互性和实时性,提高数据可视化的灵活性,可减少DOM操作,有效避免了浏览器回流,提升了渲染效率,可实时更新动态标域,避免标注内容越界,确保了数据展示的时效性和准确性。

    技术研发人员:吴雁江
    受保护的技术使用者:中信银行股份有限公司
    技术研发日:
    技术公布日:2024/11/26
    转载请注明原文地址:https://tc.8miu.com/read-27683.html

    最新回复(0)