[发明专利]基于微信小程序的柱状图图表插件系统及其实现方法

权利要求书

1.一种的基于微信小程序的柱状图图表插件系统的实现方法，其特征在于，

所述方法基于微信小程序的柱状图图表插件系统实现，所述系统包括数据解析模块及柱状图生成模块；数据解析模块与柱状图生成模块相连；

所述数据解析模块用于对用户输入的数据进行解析并将解析后的数据传递至柱状图生成模块；所述柱状图生成模块包括平铺柱状图生成模块、堆叠柱状图生成模块，柱状图生成模块用于调取平铺柱状图生成模块、堆叠柱状图生成模块根据解析后的数据进行平铺柱状图、堆叠柱状图的生成；

所述用户输入的数据至少包含以下数据字段：数据名称、数据具体数值、数据颜色、x轴坐标名称；

所述数据解析模块中对每个数据字段都预设有标准数据格式，数据解析模块对用户输入的数据进行解析时会同时判断解析的数据字段的格式是否与该数据字段对应的标准数据格式一致，且仅在所有数据字段的数据格式均符合对应的标准数据格式时才将解析的数据传递至柱状图生成模块；

所述方法包括以下步骤：

A.数据解析模块获取用户输入的数据并进行解析；

B.数据解析模块将解析出的数据传递至柱状图生成模块；

C.柱状图生成模块调取平铺柱状图生成模块、堆叠柱状图生成模块根据解析后的数据进行平铺柱状图、堆叠柱状图的生成；

所述步骤A中用户输入的数据至少包含以下数据字段：数据名称、数据具体数值、数据颜色、x轴坐标名称；

在所述数据解析模块中对每个数据字段都预设有标准数据格式，所述步骤B具体包括以下步骤：

B1.数据解析模块对用户输入的数据进行解析并获取各数据字段的数据格式；

B2.数据解析模块判断解析的各数据字段的格式是否与各数据字段对应的标准数据格式一致，若所有数据字段的数据格式均符合对应的标准数据格式则进入步骤B3，否则，结束本次绘图；

B3.数据解析模块将解析出的各数据字段传递至柱状图生成模块；

所述步骤C具体包括平铺柱状图生成流程及堆叠柱状图的生成流程：

C1.平铺柱状图生成流程：

C1.1所述平铺柱状图生成模块接收以下数据字段：数据名称、数据具体数值、数据颜色、x轴坐标名称；

C1.2平铺柱状图生成模块在canvas画布中确定坐标原点及确定坐标轴的偏移量，所述偏移量为第一个X坐标距离原点坐标的在x轴上的偏移量；

C1.3平铺柱状图生成模块根据以下数据字段：x轴坐标名称、数据具体数值进行每个数据的X坐标轴和Y坐标的确定，具有相同x轴坐标名称的数据绘制于同一个X坐标轴上；

C1.4平铺柱状图生成模块利用平铺图的算法进行计算：

C1.4.1平铺柱状图生成模块在canvas画布中设置一个值固定平铺柱状图的总宽度w；

C1.4.2根据数据字段数据具体数值的项数n进行切分总宽度，每个柱状图的宽度l＝w/n，从而确定每个数据的X坐标；

C1.4.3根据数据颜色确定每个柱状图的颜色；

C2堆叠柱状图的生成流程：

C2.1所述堆叠柱状图生成模块接收以下数据字段：数据名称、数据具体数值、数据颜色、x轴坐标名称；

C2.2堆叠柱状图生成模块在canvas画布中确定坐标原点及确定坐标轴的偏移量；所述偏移量为第一个X坐标距离原点坐标的在x轴上的偏移量；

C2.3堆叠柱状图生成模块根据数据字段：数据名称生成X坐标轴，且具有相同数据名称的数据共用同一个X坐标轴；

C2.4堆叠柱状图生成模块获取具有相同数据名称的数据的数据具体数值，并对获取到的数据值进行叠加，同时，通过遍历找到叠加后的最大值进行Y坐标轴的生成；

C2.5绘制柱状图时，当前数据的Y坐标需要用当前数据的数据具体数值加上前一个与当前数据具有相同数据名称的数据的Y坐标作为当前数据的实际Y坐标值，其中，第一个绘制柱状图的数据的Y坐标值为其数据具体数值；

C2.6堆叠柱状图生成模块根据数据字段：数据颜色、x轴坐标名称确定各堆叠柱状图的颜色及X坐标的坐标名称。