本发明涉及计算机移动应用程序,具体涉及一种折线图多种展示方式的处理方法、装置及存储介质。
背景技术:
1、价格数据折线图在移动端app上展示方式比较单一,难以获得很好的趋势了解程度和浏览体验。如公开号为cn115858891a的中国专利公开一种数据的可视化展示方法、装置、电子设备及存储介质,其通过执行绘图函数对待展示数据进行图形绘制处理,生成待展示数据的可视化图形,并于图形绘制界面展示所述可视化图形,能够更加准确有效地对数据进行可视化展示,进一步提升了数据的可视化展示效果,但这种数据的可视化展示方法,在面对多维度、复杂关联的数据集时,其表现力显得捉襟见肘,单一的展示方式难以全面揭示数据背后的深层次联系和潜在规律,从而限制了用户对数据全面性和复杂性的洞察能力,展示方式比较单一难以获得很好的趋势了解程度和浏览体验,单一的展示方式往往导致用户在长时间浏览大量图表时感到枯燥乏味,缺乏足够的互动性和沉浸感,针对异常数据的处理,现有的可视化方法大多停留在简单的标记或高亮显示层面,缺乏有效的补救措施来指导用户如何应对这些异常数据。
技术实现思路
1、本发明要解决的技术问题是:克服现有技术的不足,提供一种折线图多种展示方式的处理方法、装置及存储介质,使用户可以根据需要选择要查看的折线图,用户可以通过消除曲线断点、自由控制日期范围、横屏显示功能,以获得更好的浏览体验。
2、本发明的技术方案为:
3、一种折线图多种展示方式的处理方法,包括如下步骤:
4、s1、系统得到一条信息原文,在信息原文中包含该信息的折线图节点项;
5、s2、系统执行信息正文折线图处理流程,生成信息原文的折线图;
6、s3、用户选择不同的时间类型,系统通过传入时间类型到数据中心,生成信息原文的折线图节点项,通过执行折线图处理流程,生成最终的折线图;
7、s4、执行消除曲线断点操作,对系统中出现的断连情况进行修复;
8、s5、对于已经生成的折线图数据,系统将日期进度条,关联到折线图数据,通过实时渲染技术,生成具体日期的折线图;
9、s6、系统根据点击的x轴日期实时计算出对应的价格、地区、类型数据,通过在折线图的点击位置渲染一个图层来展示获取到的数据。
10、优选地,所述步骤s2中的折线图处理流程包括如下子步骤:
11、步骤s21,判断折线图节点项的x轴y轴是否有数据,如果没有,渲染为暂无数据布局;
12、步骤s22,如果步骤s21的线图节点项的x轴y轴有数据,通过对aachartmodel设置series和categories,生成对应的x轴、y轴数据,并通过js方式设置折线的颜色、粗细、字体大小、字体颜色、填充色数据项;
13、步骤s23,aaoptions配置上设置好的aachartmodel,最终aachartview通过加载aaoptions,渲染出最终的折线图。
14、优选地,所述步骤s4中的消除曲线断点操作包括如下子步骤:
15、步骤d1,对折线图节点项数据进行非数字类型处理并设置为null;
16、步骤d2,通过aachartmodel设置是否断点重连属性;
17、步骤d3,在aachartview中将设置的属性以json形式通过js交互渲染到页面上;
18、步骤d4,js根据数据是否为null,对折线图进行过滤处理,跳过为null的数据项,最终渲染成完整的折线图。
19、优选地,所述时间类型包括:日价格、周价格、月价格、季价格、半年价格、年价格。
20、优选地,所述数据中心用于存储所有价格相关的数据项,提供给web端、app端做数据展示。
21、优选地,所述步骤s6中x轴和y轴数据为一对一绑定关系,点击x轴坐标,会获取到对应的y轴数据,地区、类型数据为信息原文中包含的数据,是固定数据,不会随点击x轴的位置而变化。
22、优选地,所述步骤s3中,用户可以通过图形化界面选择不同的时间类型,并且系统实时显示对应时间类型的折线图预览,以便用户快速确认所需展示的时间范围。
23、优选地,所述步骤s4执行消除曲线断点操作之前,系统还具备自动检测断点的功能,通过分析折线图数据,确定是否存在断点,并自动触发消除断点的操作,提高折线图的连续性和可读性。
24、优选地,所述步骤s5中,系统提供的日期进度条具备交互式功能,用户可以通过拖动进度条快速切换不同的日期,并且实时显示对应日期的折线图,提供便捷的日期导航和数据浏览体验。
25、优选地,所述系统还具备数据提示功能,当用户在折线图上点击某个位置时,除了渲染一个图层展示获取到的数据外,还可以在提示框中显示更多相关信息,如具体数值、变化趋势,帮助用户更深入地了解数据。
26、一种折线图多种展示方式的装置,包括信息获取模块、折线图生成模块、时间类型选择模块、数据处理中心、断点修复模块、日期进度条模块、数据交互模块、用户界面展示模块。
27、一种存储介质,存储介质非暂时性地存储计算机可读指令。
28、本发明与现有技术相比,具有以下有益效果:
29、通过用户选择不同的时间类型,系统能够生成并展示对应时间范围的折线图,为用户提供多样化的数据展示选择;能够自动检测并修复折线图中的断连情况,确保数据的连续性和可读性,提高用户体验;通过实时渲染技术,系统能够快速生成并更新折线图,同时支持交互式功能,使得用户能够便捷地浏览不同日期的数据。
1.一种折线图多种展示方式的处理方法,其特征在于,包括如下步骤:
2.如权利要求1所述的折线图多种展示方式的处理方法,其特征在于,所述步骤s2中的折线图处理流程包括如下子步骤:
3.如权利要求2所述的折线图多种展示方式的处理方法,其特征在于,所述步骤s4中的消除曲线断点操作包括如下子步骤:
4.如权利要求1所述的折线图多种展示方式的处理方法,其特征在于,所述步骤s3中时间类型包括:日价格、周价格、月价格、季价格、半年价格、年价格。
5.如权利要求1所述的折线图多种展示方式的处理方法,其特征在于,所述步骤s3中数据中心用于存储所有价格相关的数据项,提供给web端、app端做数据展示。
6.如权利要求1所述的折线图多种展示方式的处理方法,其特征在于,所述步骤s6中坐标轴的x轴和y轴数据为一对一绑定关系,点击x轴坐标,会获取到对应的y轴数据,对应的y轴数据包括价格、地区和类型数据,其中地区、类型数据为信息原文中包含的数据,是固定数据,不会随点击x轴的位置而变化。
7.如权利要求1所述的折线图多种展示方式的处理方法,其特征在于,所述步骤s3中,用户通过图形化界面选择不同的时间类型,并且系统实时显示对应时间类型的折线图预览,以便用户快速确认所需展示的时间范围。
8.如权利要求1所述的折线图多种展示方式的处理方法,其特征在于,所述系统还具备数据提示功能,当用户在折线图上点击某个位置时,除了渲染一个图层展示获取到的数据外,同时在提示框中显示更多相关信息,包括具体数值、变化趋势,帮助用户更深入地了解数据。
9.一种折线图多种展示方式的装置,其特征在于,包括:
10.一种存储介质,其特征在于,存储介质非暂时性地存储计算机可读指令,其中,当所述计算机可读指令由计算机执行时,执行如权利要求1至8中任一项所述的折线图多种展示方式的处理方法。