基于ECharts的时点效应时序图绘制方法与流程

本发明属于计算机技术，具体涉及基于echarts的时点效应时序图绘制方法。背景技术：1、数据可视化是一种通过将科学数据转化为直观的、可视的信息，帮助人们更好地理解这些数据的技术。它不仅可以帮助人们更好地分析和理解数据，还可以提高数据的可靠性、可重复性和可验证性。近年来，随着数据的快速增长和技术的进步，数据可视化技术得到了广泛的应用。它已经成为各个行业中不可或缺的一部分。2、echarts是一种数据可视化技术，可将格式化后的数据进行图表绘制展示。广泛运用在各个行业领域，包括数字城市、防灾减灾、商业分析等，并且展示平台广泛，通过电脑、手机等带有现代网页浏览器的终端机器均可访问，可触达范围广，直观、便捷。3、目前，金融行业中也在逐步采用echarts等计算机图表库对行业研究的数据进行图形化展示。时点效应指的是金融市场在特定的时间节点的涨幅波动或者收益水平与其他交易日不同的一种现象。往往需要体现特定时间节点的前后一段时间的交易日在周期中的表现情况，是一种带有间隔的时序数据。对于时点效应的研究所展示的和提供的分析资料通常以文字描述或者多幅连续时序图标来展示结果，往往占用篇幅但展示的信息量不足以全面了解时点效应在一个较长周期中的整体走势。技术实现思路1、本发明的目的是提供基于echarts的时点效应时序图绘制方法，具有能够实现不连续时序数据在一张图内长时间跨度的可视化展示的特点。2、本发明所采用的技术方案是，基于echarts的时点效应时序图绘制方法，具体按照以下步骤进行实施：3、步骤1、制定预处理数据需要的入参数据结构；4、步骤2、制定时点效应数据预处理结构；5、步骤3、通过接口获得符合入参数据结构的时点效应数据；6、步骤4、将入参数据的结构转换为时点效应的预处理结构；7、步骤5、进行echarts配置项生成；8、步骤6、echarts根据配置项及其他用户自定义配置生成最终时点效应时序图。9、本发明的特点还在于，10、步骤1中入参数据结构包括研究指标的时点效应数据属性及内部包含数据日期以及所在时间跨度、研究指标的名称与单位、指定时间跨度内选用的数据固定个数；时点效应数据按照制定的数据格式返回，每个数据集对应的是一个日期以及一个时间跨度，与指标数据的第一层级的数组数量对应，指标信息的指标名称和指标单位提供图表绘制图例以及坐标轴上的显示单位，时间段内数据固定个数是研究时选定的观察前后时间段，代表时间点前后一定天数数据长度。11、步骤2中时点效应数据预处理结构包括数据的实际日期数据组、展示在图表坐标轴上的时间跨度数据组、指标信息、以及数据集本身；实际数据日期和数据集将以图例形式出现在图表中，坐标轴上的刻度按照周期跨度来显示，其他数据结构作用不变。12、步骤3中需要的入参数据结构的数据，由接口提供，根据数据本身特点以及研究范围不同，对数据进行差异化处理形成入参数据；获取时点数据形成入参数据结构时，要求数据除首尾时间跨度外，其他跨度提供数据点长度应与固定数据个数保持一致；首尾跨度数据由于选择范围日期可自由指定，开始与结束的数据截取时间出现在时间跨度中因此造成首尾长度不一致是正常现象，以此为要求从数据源获取指定格式数据。13、步骤4具体为：14、步骤4.1、采用调用函数方法，将入参数据进行首尾数据补齐，使得不同时间跨度截取出首尾数据段内的数据，与内部其他时间段数据个数对齐；15、步骤4.2、根据数据跨度将数据实际日期与数据集对应、单独拆出图表坐标轴展示数据跨度的数据组、并且在不同数据跨度间补充空白数据，以展示数据的不连续性。16、步骤4.1的调用的函数方法具体为：17、步骤4.1.1、检查首尾时间段内的数据个数是否与指定时间跨度内选用的数据固定个数相符，不足的按照长度补充带有时间跨度的空白数据；18、步骤4.1.2、获取指定时间跨度内选用的数据固定个数，没有的话使用默认值，计算出每个时间段需要补充的空白数据的个数；19、步骤4.1.3、新建数据实际日期数组、展示日期数组与新的空数据集数组；对传入数据集进行遍历，在连续数据前后补充空白数据，将补充后数据分别推入上一步骤的数据实际日期数组、新的空数据集数组中；同时，抽取出所有时间跨度放入展示日期数组中。20、步骤4.2具体为：21、步骤4.2.1、检查第一、最后时间跨度数据长度，并以数据固定个数n为基础，将首尾长度补齐至长度n；22、步骤4.2.2、数据固定个数n由分析需求决定，每个时间段的补充空白数据个数m根据n来决定，按照比例进行m的计算；23、步骤4.2.3、在对数据集进行遍历时总长度为n，遍历到时间段开始节点n/n＝＝n-1、n/n＝＝0时在新建数据推入一个时间跨度时间时前后增加m个空白数据；24、步骤4.2.4、保持每一时间段数据长度增加至n+2m。按照比例扩大，同时保持展示坐标轴数组长度与数据集长度比例相同。25、步骤5具体为：数据实际日期数组、展示日期数组分别绘制两个坐标横轴；数据实际日期数组的横轴隐藏，显示展示日期数组；由于两个时间数组与比例相同，展示日期将处于时间段数据的坐标轴中心位置，根据指标信息形成图表标注要素，将数据集放入折线图绘制点属性中。26、步骤5中两个数据的日期相关数组在echarts的横坐标轴配置xaxis中都需要写入，按照显示图形需要配置展示日期数组作为唯一展示坐标轴，另一数据实际日期数组绘制在图表中，但是颜色配置置为透明，关闭所有显示配置以及交互配置。此时实际日期数组同样存在在图表中占据空间保证数据集绘制区域，但是不可见、不可交互；legend内容、坐标轴上标注单位由指标信息生成；tooltip内容根据实际数据日期与数据集生成；数据集放入折现点绘制属性series中，将connectnulls属性置为false，因此可以展示由填充的空白数据出现的不同时间段的间隔。27、步骤6中其他图形要素配置项由自定义配置系列生成函数产出，echarts库实例化带有配置项的对象生成最终时点效应时序图。28、本发明的有益效果是，基于echarts的时点效应时序图绘制方法，通过echarts的多个数据集共享坐标轴并且分别配置交互内容的展示特性，图表折线部分使用展示数据，坐标轴、数据日期、图例等连接至实际数据的配置形式用来呈现真实的时点效应的数据内容，使用一张画布达到了数据真实呈现且节约绘制资源的内容呈现，本发明结合echarts数据展示逻辑与金融行业时点数据特征实现在一张图上展示多个周期的时点效应波动趋势，并且可以绘制较长周期的范围的数据，既美观又增加了数据解读的全面性，更清晰、直观的展示时点效应形态。技术特征：1.基于echarts的时点效应时序图绘制方法，具体按照以下步骤进行实施：2.根据权利要求1所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤1中入参数据结构包括研究指标的时点效应数据属性及内部包含数据日期以及所在时间跨度、研究指标的名称与单位、指定时间跨度内选用的数据固定个数；时点效应数据按照制定的数据格式返回，每个数据集对应的是一个日期以及一个时间跨度，与指标数据的第一层级的数组数量对应，指标信息的指标名称和指标单位提供图表绘制图例以及坐标轴上的显示单位，时间段内数据固定个数是研究时选定的观察前后时间段，代表时间点前后一定天数数据长度。3.根据权利要求2所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤2中时点效应数据预处理结构包括数据的实际日期数据组、展示在图表坐标轴上的时间跨度数据组、指标信息、以及数据集本身；实际数据日期和数据集将以图例形式出现在图表中，坐标轴上的刻度按照周期跨度来显示，其他数据结构作用不变。4.根据权利要求3所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤3中需要的入参数据结构的数据，由接口提供，根据数据本身特点以及研究范围不同，对数据进行差异化处理形成入参数据；获取时点数据形成入参数据结构时，要求数据除首尾时间跨度外，其他跨度提供数据点长度应与固定数据个数保持一致；首尾跨度数据由于选择范围日期可自由指定，开始与结束的数据截取时间出现在时间跨度中因此造成首尾长度不一致是正常现象，以此为要求从数据源获取指定格式数据。5.根据权利要求4所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤4具体为：6.根据权利要求5所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤4.1的调用的函数方法具体为：7.根据权利要求6所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤4.2具体为：8.根据权利要求7所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤5具体为：数据实际日期数组、展示日期数组分别绘制两个坐标横轴；数据实际日期数组的横轴隐藏，显示展示日期数组；由于两个时间数组与比例相同，展示日期将处于时间段数据的坐标轴中心位置，根据指标信息形成图表标注要素，将数据集放入折线图绘制点属性中。9.根据权利要求8所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤5中两个数据的日期相关数组在echarts的横坐标轴配置xaxis中都需要写入，按照显示图形需要配置展示日期数组作为唯一展示坐标轴，另一数据实际日期数组绘制在图表中，但是颜色配置置为透明，关闭所有显示配置以及交互配置，此时实际日期数组同样存在在图表中占据空间保证数据集绘制区域，但是不可见、不可交互；legend内容、坐标轴上标注单位由指标信息生成；tooltip内容根据实际数据日期与数据集生成；数据集放入折现点绘制属性series中，将connectnulls属性置为false，因此可以展示由填充的空白数据出现的不同时间段的间隔。10.根据权利要求9所述的基于echarts的时点效应时序图绘制方法，其特征在于，所述步骤6中其他图形要素配置项由自定义配置系列生成函数产出，echarts库实例化带有配置项的对象生成最终时点效应时序图。技术总结本发明公开了基于ECharts的时点效应时序图绘制方法，具体按照以下步骤进行实施：步骤1、制定预处理数据需要的入参数据结构；步骤2、制定时点效应数据预处理结构；步骤3、通过接口获得符合入参数据结构的时点效应数据；步骤4、将入参数据的结构转换为时点效应的预处理结构；步骤5、进行ECharts配置项生成；步骤6、Echarts根据配置项及其他用户自定义配置生成最终时点效应时序图。本发明具有能够实现不连续时序数据在一张图内长时间跨度的可视化展示的特点。技术研发人员：余佳炜,王建龙受保护的技术使用者：西部证券股份有限公司技术研发日：技术公布日：2024/8/16