基于环形图的数据展示方法、装置和计算机设备制造方法及图纸

本申请涉及大数据领域，揭示了基于环形图的数据展示方法，包括：获取用户输入的待展示数据包含的数据展示类型的数量；根据数据展示类型的数量，确定待展示数据对应的极坐标系的数量；以画布中的同一点为极坐标原点，创建与极坐标系的数量相对应的极坐标系；将待展示数据对应的数据参量，一一对应赋值于各极坐标系的参数配置表中，形成待展示数据对应的极坐标数据组；将待展示数据对应的极坐标数据组，一一对应转换成直角坐标系数据，得到待展示数据对应的环形图。通过极坐标的参数配置表，跟随待展示数据的实时变化，实现动态的变化的展示，提高数据展示的实时动态变化性，提高趋势变化特征。

【技术实现步骤摘要】
基于环形图的数据展示方法、装置和计算机设备
本申请涉及大数据领域，特别是涉及到基于环形图的数据展示方法、装置和计算机设备。
技术介绍
前端页面通常采用环形图、饼状图、柱状图、折线图等较为直观的方式展示数据，将数据按照时间等分类元素进行分类，以直观展示数据对比状态及数据变化趋势。现有环形图echarts利用饼状图实现环形图的方案，但此种类型的环形图根据比例数据形成，无法能够跟随数据动态变化实时调整的需求。
技术实现思路
本申请的主要目的为提供基于环形图的数据展示，旨在解决现有不能跟随数据动态变化实时调整的技术问题。本申请提出一种基于环形图的数据展示方法，包括：获取用户输入的待展示数据包含的数据展示类型的数量；根据所述数据展示类型的数量，确定所述待展示数据对应的极坐标系的数量；以画布中的同一点为极坐标原点，创建与所述极坐标系的数量相对应的极坐标系；将所述待展示数据对应的数据参量，一一对应赋值于各所述极坐标系的参数配置表中，形成所述待展示数据对应的极坐标数据组；将所述待展示数据对应的极坐标数据组，一一对应转换成直角坐标系数据，得到所述待展示数据对应的环形图。优选地，所述数据展示类型包括数据的比例展示和文本展示，所述以画布中的同一点为极坐标原点，创建与所述极坐标系的数量相对应的极坐标系的步骤，包括：获取用户输入的极坐标原点的坐标数据；根据所述极坐标原点的坐标数据，在canvas画布中定位所述极坐标原点；在所述极坐标原点上设置所述比例展示对应的第一极坐标系，以及所述文本展示对应的第二极坐标系。优选地，所述极坐标系包括极坐标原点、极坐标角度轴和极坐标径向轴，所述在所述极坐标原点上设置所述比例展示对应的第一极坐标系，以及所述文本展示对应的第二极坐标系的步骤，包括：根据用户选定的环形图占比所述canvas画布的面积比例，确定所述第一极坐标系对应的第一径向轴赋值，根据预设的环形图的显示比例，设置所述第一极坐标系对应的第一角向轴赋值；根据所述文本展示的数据相对于所述环形图的预设展示位置关系、所述第一径向轴赋值以及所述第一角向轴赋值，确定所述第二极坐标对应的第二径向轴赋值和第二角向轴赋值。优选地，所述比例展示数据包括多组，多组所述比例展示数据同时赋值于一个所述第一极坐标系中，所述根据用户选定的环形图占比所述canvas画布的面积比例，确定所述第一极坐标系对应的第一径向轴赋值，根据预设的环形图的显示比例，设置所述第一极坐标系对应的第一角向轴赋值的步骤：根据用户选定的环形图占比所述canvas画布的面积比例，确定所述第一极坐标系对应的第一径向轴赋值；根据所述第一径向轴赋值形成空白环形图；获取用户输入的多组所述比例展示的数据的输入次序，其中，各组所述比例展示的数据分别包括当前数据值和预设目标值；根据所述输入次序分别实时计算各组所述比例展示的数据中当前数据值占比预设目标值的比例值；将各所述比例值，按照所述输入次序依次填充为所述第一角向轴赋值，在所述空白环形图中形成依据各所述比例值依次填充的环形图。优选地，所述比例展示的数据包括多组，多组所述比例展示的数据一一对应赋值于各所述第一极坐标系中，所有所述第一极坐标系具有相同的极坐标原点以及极坐标径向轴赋值，所述根据用户选定的环形图占比所述canvas画布的面积比例，确定所述第一极坐标系对应的第一径向轴赋值，根据预设的环形图的显示比例，设置所述第一极坐标系对应的第一角向轴赋值的步骤，包括：根据用户选定的环形图占比所述canvas画布的面积比例，确定所有所述第一极坐标系共同对应的第三径向轴赋值；根据所述第三径向轴赋值形成空白的环形图；获取用户输入多组所述比例展示的数据的输入次序，其中，所述比例展示的数据分别包括当前数据值和预设目标值；根据所述输入次序实时计算各比例展示的数据中的当前数据值占比预设目标值的比例值；将位于第一次序的第一比例值，更新至与所述第一次序对应的极坐标系的第一角向轴赋值表中，其中，所述第一角向轴赋值表包括第一起始角度、第一比例值对应角度和第一终止角度，所述第一终止角度等于所述第一比例值对应角度加上所述第一起始角度；将位于第二次序的第二比例值，更新至与所述第二次序对应的极坐标系的第二角向轴赋值表中，其中，所述第二角向轴赋值表包括第二起始角度、第二比例值对应角度和第二终止角度，所述第二终止角度等于所述第二比例值对应角度加上所述第二起始角度，所述第二起始角度等于所述第一终止角度；根据所述第一角向轴赋值表和所述第二角向轴赋值表的赋值方式，更新所有比例展示的数据分别对应极坐标的角向轴赋值表。优选地，所述将所述待展示数据对应的极坐标数据组，一一对应转换成直角坐标系数据，得到所述待展示数据对应的环形图的步骤，包括：获取指定极坐标系对应的径向轴坐标数据和角度轴坐标数据，其中，所述指定极坐标系为所述极坐标数据组中的任一极坐标系；根据所述指定极坐标系对应的径向轴坐标数据和角度轴坐标数据，利用第一计算公式计算所述指定极坐标系对应的直角坐标系中的横坐标数据；根据所述指定极坐标系对应的径向轴坐标数据和角度轴坐标数据，利用第二计算公式计算所述指定极坐标系对应的直角坐标系中的纵坐标数据；根据所述指定极坐标系对应的直角坐标系的转换方式，将极坐标数据组，一一对应转换成直角坐标系，得到直角坐标数据组；在canvas画布中运行所述直角坐标数据组，得到所述待展示数据对应的环形图。优选地，所述获取用户输入的待展示数据包含的数据展示类型的数量的步骤之前，包括：在html页面上创建canvas画布对应的画布标签；指定所述canvas画布对应的画布标签对应的画布参数；设置所述canvas画布对应的索引值。本申请还提供了一种基于环形图的数据展示装置，包括：获取模块，用于获取用户输入的待展示数据包含的数据展示类型的数量；确定模块，用于根据所述数据展示类型的数量，确定所述待展示数据对应的极坐标系的数量；创建模块，用于以画布中的同一点为极坐标原点，创建与所述极坐标系的数量相对应的极坐标系；赋值模块，用于将所述待展示数据对应的数据参量，一一对应赋值于各所述极坐标系的参数配置表中，形成所述待展示数据对应的极坐标数据组；转换模块，用于将所述待展示数据对应的极坐标数据组，一一对应转换成直角坐标系数据，得到所述待展示数据对应的环形图。本申请还提供了一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述方法的步骤。本申请还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述的方法的步骤。本申请通过极坐标的参数配置表，跟随待展示数据的实时变化，实现动态的变化的展示，提高数据展示的实时动态变化性，提高趋势变化特征。...

【技术保护点】
1.一种基于环形图的数据展示方法，其特征在于，包括：/n获取用户输入的待展示数据包含的数据展示类型的数量；/n根据所述数据展示类型的数量，确定所述待展示数据对应的极坐标系的数量；/n以画布中的同一点为极坐标原点，创建与所述极坐标系的数量相对应的极坐标系；/n将所述待展示数据对应的数据参量，一一对应赋值于各所述极坐标系的参数配置表中，形成所述待展示数据对应的极坐标数据组；/n将所述待展示数据对应的极坐标数据组，一一对应转换成直角坐标系数据，得到所述待展示数据对应的环形图。/n

【技术特征摘要】
1.一种基于环形图的数据展示方法，其特征在于，包括：
获取用户输入的待展示数据包含的数据展示类型的数量；
根据所述数据展示类型的数量，确定所述待展示数据对应的极坐标系的数量；
以画布中的同一点为极坐标原点，创建与所述极坐标系的数量相对应的极坐标系；
将所述待展示数据对应的数据参量，一一对应赋值于各所述极坐标系的参数配置表中，形成所述待展示数据对应的极坐标数据组；
将所述待展示数据对应的极坐标数据组，一一对应转换成直角坐标系数据，得到所述待展示数据对应的环形图。


2.根据权利要求1所述的基于环形图的数据展示方法，其特征在于，所述数据展示类型包括数据的比例展示和文本展示，所述以画布中的同一点为极坐标原点，创建与所述极坐标系的数量相对应的极坐标系的步骤，包括：
获取用户输入的极坐标原点的坐标数据；
根据所述极坐标原点的坐标数据，在canvas画布中定位所述极坐标原点；
在所述极坐标原点上设置所述比例展示对应的第一极坐标系，以及所述文本展示对应的第二极坐标系。


3.根据权利要求2所述的基于环形图的数据展示方法，其特征在于，所述极坐标系包括极坐标原点、极坐标角度轴和极坐标径向轴，所述在所述极坐标原点上设置所述比例展示对应的第一极坐标系，以及所述文本展示对应的第二极坐标系的步骤，包括：
根据用户选定的环形图占比所述canvas画布的面积比例，确定所述第一极坐标系对应的第一径向轴赋值，根据预设的环形图的显示比例，设置所述第一极坐标系对应的第一角向轴赋值；
根据所述文本展示的数据相对于所述环形图的预设展示位置关系、所述第一径向轴赋值以及所述第一角向轴赋值，确定所述第二极坐标对应的第二径向轴赋值和第二角向轴赋值。


4.根据权利要求3所述的基于环形图的数据展示方法，其特征在于，所述比例展示数据包括多组，多组所述比例展示数据同时赋值于一个所述第一极坐标系中，所述根据用户选定的环形图占比所述canvas画布的面积比例，确定所述第一极坐标系对应的第一径向轴赋值，根据预设的环形图的显示比例，设置所述第一极坐标系对应的第一角向轴赋值的步骤，包括：
根据用户选定的环形图占比所述canvas画布的面积比例，确定所述第一极坐标系对应的第一径向轴赋值；
根据所述第一径向轴赋值形成空白环形图；
获取用户输入的多组所述比例展示的数据的输入次序，其中，各组所述比例展示的数据分别包括当前数据值和预设目标值；
根据所述输入次序分别实时计算各组所述比例展示的数据中当前数据值占比预设目标值的比例值；
将各所述比例值，按照所述输入次序依次填充为所述第一角向轴赋值，在所述空白环形图中形成依据各所述比例值依次填充的环形图。


5.根据权利要求3所述的基于环形图的数据展示方法，其特征在于，所述比例展示的数据包括多组，多组所述比例展示的数据一一对应赋值于各所述第一极坐标系中，所有所述第一极坐标系具有相同的极坐标原点以及极坐标径向轴赋值，所述根据用户选定的环形图占比所述canvas画布的面积比例，确定所述第一极坐标系对应的第一径向轴赋值，根据预设的环形图的显示比例，设置所述第一极坐标系对应的第一角向轴赋值的步骤，包括：
根据用户选定的环形图占比所述canvas画布的面积比例，确定所有所述第一极坐标系共同对应的第三径向轴赋值；

【专利技术属性】
技术研发人员：杨笑男，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：广东;44