CN109491722B - 基于微信小程序的柱状图图表插件系统及其实现方法 - Google Patents

基于微信小程序的柱状图图表插件系统及其实现方法 Download PDF

Info

Publication number
CN109491722B
CN109491722B CN201811307939.7A CN201811307939A CN109491722B CN 109491722 B CN109491722 B CN 109491722B CN 201811307939 A CN201811307939 A CN 201811307939A CN 109491722 B CN109491722 B CN 109491722B
Authority
CN
China
Prior art keywords
data
histogram
coordinate
generation module
histogram generation
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201811307939.7A
Other languages
English (en)
Other versions
CN109491722A (zh
Inventor
李钰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Sichuan Changhong Electric Co Ltd
Original Assignee
Sichuan Changhong Electric Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Sichuan Changhong Electric Co Ltd filed Critical Sichuan Changhong Electric Co Ltd
Priority to CN201811307939.7A priority Critical patent/CN109491722B/zh
Publication of CN109491722A publication Critical patent/CN109491722A/zh
Application granted granted Critical
Publication of CN109491722B publication Critical patent/CN109491722B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Image Generation (AREA)

Abstract

本发明公开了一种基于微信小程序的柱状图图表插件系统，包括数据解析模块及柱状图生成模块；数据解析模块与柱状图生成模块相连；数据解析模块用于对用户输入的数据进行解析并将解析后的数据传递至柱状图生成模块；柱状图生成模块包括平铺柱状图生成模块、堆叠柱状图生成模块，柱状图生成模块用于调取平铺柱状图生成模块、堆叠柱状图生成模块根据解析后的数据进行平铺柱状图、堆叠柱状图的生成。本发明的系统可以让用户轻松使用并且对数据进行更加直观的数据收集与分析，同时用户根据数据的多少选择平铺柱状图或者堆叠柱状图进行数据的统计方式，可使得数据的显示更加清楚及直观，有助于对数据可视化分析。

Description

基于微信小程序的柱状图图表插件系统及其实现方法
技术领域
本发明涉及计算机技术与软件开发技术领域，特别涉及基于微信小程序的柱状图图表插件系统及其实现方法。
背景技术
微信小程序具有广大的使用数据背景，使用简单，无需下载可以体现出“用完即走”的理念，具有体量小、效率高等优势。是一种轻量级并且用户体验感极强的应用开发平台。在此基础上开发的微信小程序柱状图图表使用简单方便，数据统计和展示更加多元化。
柱状图表在各个领域都被广泛使用，本身具有的数据的统计和展示的直观感使其在数据统计图标中别具一格。常用的柱状图就是单组柱状图。但当数据种类多时，普通的柱状图满足不了用户对数据的直观获取和数据分析。在此时平铺柱状图和堆叠柱状图对数据的统计具有极大的优势，特别是堆叠柱状图，更加能直观地在一个柱状图中看到该组数据的总和和小组数据在其中所占的比例，对数据的统计更加直观。当数据少时，选择平铺柱状图能够清晰反映出数据的对比情况。
目前，该图表主要用于微信小程序应用，可选根据数据的多少选择不同的展示方式，直观地进行数据的收集与分析。
发明内容
本发明的目的是克服上述背景技术中不足，提供基于微信小程序的柱状图图表插件系统及其实现方法，可以让用户轻松使用并且对数据进行更加直观的数据收集与分析，同时用户根据数据的多少选择平铺柱状图或者堆叠柱状图进行数据的统计方式。
为了达到上述的技术效果，本发明采取以下技术方案：
基于微信小程序的柱状图图表插件系统，包括数据解析模块及柱状图生成模块；数据解析模块与柱状图生成模块相连；
所述数据解析模块用于对用户输入数据进行解析并将解析后的数据传递至柱状图生成模块；所述柱状图生成模块包括平铺柱状图生成模块、堆叠柱状图生成模块，柱状图生成模块用于根据解析后的数据调取平铺柱状图生成模块或堆叠柱状图生成模块进行平铺柱状图或堆叠柱状图的生成。
所述数据解析模块获取用户输入的数据并对获取的数据进行解析，其中，数据解析模块在解析数据时会同时根据预设的数据格式对解析出的数据进行合法性校验，若解析的数据格式与预设的数据格式则判定本次用户输入的数据为合法数据，并将合法数据传递至柱状图生成模块，由柱状图生成模块具体进行平铺柱状图和堆叠柱状图的生成。
进一步地，所述用户输入的数据至少包含以下数据字段：数据名称、数据具体数值、数据颜色、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坐标的坐标名称。
本发明与现有技术相比，具有以下的有益效果：
通过本发明的基于微信小程序的柱状图图表插件系统及其实现方法，可以让用户轻松使用并且对数据进行更加直观的数据收集与分析，同时用户根据数据的多少选择平铺柱状图或者堆叠柱状图进行数据的统计方式，可使得数据的显示更加清楚及直观，有助于对数据可视化分析。
附图说明
图1是本发明的基于微信小程序的柱状图图表插件系统的示意图。
图2是本发明的基于微信小程序的柱状图图表插件系统的实现方法的流程示意图。
具体实施方式
下面结合本发明的实施例对本发明作进一步的阐述和说明。
实施例：
实施例一：
如图1所示，一种基于微信小程序的柱状图图表插件系统，包括数据解析模块及柱状图生成模块；数据解析模块与柱状图生成模块相连。
具体的，所述数据解析模块用于对用户输入数据进行解析并将解析后的数据传递至柱状图生成模块；所述柱状图生成模块包括平铺柱状图生成模块、堆叠柱状图生成模块，柱状图生成模块用于根据解析后的数据调取平铺柱状图生成模块或堆叠柱状图生成模块进行平铺柱状图或堆叠柱状图的生成。
当数据解析模块获取用户输入的数据时，用户输入的数据至少包含以下数据字段：数据名称、数据具体数值、数据颜色、x轴坐标名称。
同时，所述数据解析模块中对每个数据字段都预设有标准数据格式，数据解析模块对用户输入的数据进行解析时会同时判断解析的数据字段的格式是否与该数据字段对应的标准数据格式一致，且仅在所有数据字段的数据格式均符合对应的标准数据格式时才将解析的数据传递至柱状图生成模块。
如对于数据颜色的数据字段中，其数据格式一般设定为用于表达颜色的词语，如可选红色、黄色等等，但是若用户输入的数据颜色为一数字或与颜色不相干的字词，则该数据将被判定为不合法数据且不被传入柱状图生成模块。
即数据解析模块获取用户输入的数据并对获取的数据进行解析，其中，数据解析模块在解析数据时会同时根据预设的数据格式对解析出的数据进行合法性校验，若解析的数据格式与预设的数据格式则判定本次用户输入的数据为合法数据，并将合法数据传递至柱状图生成模块，由柱状图生成模块具体进行平铺柱状图和堆叠柱状图的生成。
使用时，将首先在数据解析模块对用户输入数据进行解析。具体的，用户可输入多个数组进行图标的生成，数据输入字段包括：name:[数据名称]，data：[数据具体数值]，color：[数据颜色]，xLabel：[x轴坐标名称]。
当用户输入这些数据后数据解析模块即对数据进行解析，若为合法数据结构则分别获取name[数据名称]数组和data[数据具体数值]数组进行X坐标和Y坐标的绘制。进行X坐标的绘制时先获取数组的数据长度进行坐标刻度与间隔的计算，其中可通过添加偏移量offset进行第一个坐标距离原点坐标一定数值使得数据展示更加好看。Y坐标则是在data[数据具体数值]数组解析成功后进行最大值的计算并根据该最大值进行Y坐标的绘制。
当数据解析模块完成解析后则将数据传到柱状图生成模块中，柱状图生成模块调用绘图函数进行平铺柱状图和堆叠柱状图的生成，同时在微信小程序界面用户可随意切换两种图表的效果展示。
具体的，平铺柱状图的生成时：平铺柱状图是多组数据在一个X轴坐标量下进行数据展示。在数据解析成功后，柱状图生成模块接收name、data、color以及xLable字段并调用画图函数进行平铺图的绘制。
平铺柱状图的绘图函数先确定canvas的坐标原点，确定坐标轴的偏移量，这里优选在确定原点以后设置了距离原点的一个偏移量offset。根据数组name与data进行每个数据的X坐标和Y坐标的计算，绘制完坐标轴的数据以后利用平铺图的算法进行计算。
在平铺图的算法中核心部分就是柱状图的平铺实现，首先设置一个值固定某一坐标点X轴柱状图的总宽度w，然后计算出data的总项数n进行切分总宽度，每个柱状图的宽度l＝w/n。柱状图的宽度计算完成后进行高度的计算，本实施例中，在高度计算中Y轴的原点坐标在canvas中是在左上角，所以在计算高度的Y坐标点时需要减去自己的高度来确定实际的Y轴坐标，再根据最大值减去此时的原点偏移量计算出高度，再根据设置的不同颜色生成平铺柱状图。
当用户输入的数组越多，每个数组代表的数据柱子不断增加，每个柱子有其独特的颜色，用户触摸某个数据点能看到该数组的数据名称以及对应的数据。
具体的，堆叠柱状图的生成时：堆叠图是同一X的刻度下不同数组的数据叠加。在数据解析成功后，柱状图生成模块接收name、data、color以及xLable字段并调用画图函数进行堆叠柱状图的绘制。
堆叠柱状图的绘图函数先确定canvas的坐标原点，确定坐标轴的偏移量，进行每个数据的X坐标和Y坐标的计算，堆叠中多个数组中相同X轴的数据横坐标一致，Y坐标进行数据叠加，在Y轴数据进行计算时是获取输入data数组中同一个下标(即具有相同数据名称)的数据进行叠加，并且通过遍历找到叠加后的最大值进行Y轴数据的绘制。
堆叠图中同一个下标的数据X坐标相同所以只需要确定一个横坐标即可，堆叠图是data数组中相同下标不同数据进行叠加，当绘制同一下标下多个柱状图时柱状图Y轴坐标需要加上前一个图的Y坐标，从而实现堆叠的效果。堆叠完成后生成堆叠柱状图。
生成堆叠柱状图对于数据的收集、展示、分析非常具有优势。当输入的数组繁多，普通的柱状图对于数据的展示效果特别模糊存在过多地占用X轴空间和数据柱不明显缺点。而堆叠柱状图通过不断地叠加不同数组的数值，不会过多地占用X轴的位置，数据柱呈现效果清晰明确，触摸数据点时能够展示数组数据详情。
实施例二
如图2所示，一种基于微信小程序的柱状图图表插件系统的实现方法，包括以下步骤：
A.数据解析模块获取用户输入的数据并进行解析；
具体的，用户输入的数据至少包含以下数据字段：name:[数据名称]，data：[数据具体数值]，color：[数据颜色]，xLabel：[x轴坐标名称]。
B.数据解析模块将解析出的数据传递至柱状图生成模块；
具体包括以下步骤：
B1.数据解析模块对用户输入的数据进行解析并获取各数据字段的数据格式；
B2.数据解析模块判断解析的各数据字段的格式是否与各数据字段对应的标准数据格式一致，若所有数据字段的数据格式均符合对应的标准数据格式则进入步骤B3，否则，结束本次绘图；
B3.数据解析模块将解析出的各数据字段传递至柱状图生成模块。
C.柱状图生成模块调取平铺柱状图生成模块、堆叠柱状图生成模块根据解析后的数据进行平铺柱状图、堆叠柱状图的生成。
具体的，步骤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坐标的坐标名称。
生成堆叠柱状图对于数据的收集、展示、分析非常具有优势。当输入的数组繁多，普通的柱状图对于数据的展示效果特别模糊存在过多地占用X轴空间和数据柱不明显缺点。而堆叠柱状图通过不断地叠加不同数组的数值，不会过多地占用X轴的位置，数据柱呈现效果清晰明确，触摸数据点时能够展示数组数据详情。
可以理解的是，以上实施方式仅仅是为了说明本发明的原理而采用的示例性实施方式，然而本发明并不局限于此。对于本领域内的普通技术人员而言，在不脱离本发明的精神和实质的情况下，可以做出各种变型和改进，这些变型和改进也视为本发明的保护范围。

Claims (1)

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坐标的坐标名称。
CN201811307939.7A 2018-11-05 2018-11-05 基于微信小程序的柱状图图表插件系统及其实现方法 Active CN109491722B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811307939.7A CN109491722B (zh) 2018-11-05 2018-11-05 基于微信小程序的柱状图图表插件系统及其实现方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811307939.7A CN109491722B (zh) 2018-11-05 2018-11-05 基于微信小程序的柱状图图表插件系统及其实现方法

Publications (2)

Publication Number Publication Date
CN109491722A CN109491722A (zh) 2019-03-19
CN109491722B true CN109491722B (zh) 2022-05-03

Family

ID=65693777

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811307939.7A Active CN109491722B (zh) 2018-11-05 2018-11-05 基于微信小程序的柱状图图表插件系统及其实现方法

Country Status (1)

Country Link
CN (1) CN109491722B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110489119B (zh) * 2019-06-26 2022-04-12 中电万维信息技术有限责任公司 基于图数据库显示查询结果的方法、装置及存储介质
CN112347181B (zh) * 2019-08-07 2023-08-29 中国船舶工业系统工程研究院 一种基于地理信息的统计数据呈现方法
CN113420536A (zh) * 2021-06-04 2021-09-21 山东师范大学 一种点距图表自动化生成方法及系统
CN116401310B (zh) * 2023-06-08 2023-08-22 西安中科天塔科技股份有限公司 一种柱状图堆叠显示方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102609256A (zh) * 2012-01-19 2012-07-25 北京神州数码思特奇信息技术股份有限公司 一种基于网页的动态图表生成方法
CN106406842A (zh) * 2015-08-03 2017-02-15 天脉聚源（北京）科技有限公司 一种网页上柱状图的显示方法和系统
CN106952316A (zh) * 2017-03-22 2017-07-14 福建中金在线信息科技有限公司 一种微信小程序中股票分时图的显示方法及装置
CN107578457A (zh) * 2017-08-21 2018-01-12 中云开源数据技术（上海）有限公司 一种套叠柱状图的可视化系统及其显示方法

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7706981B2 (en) * 2007-02-08 2010-04-27 Chevron U.S.A. Inc. Method for generating reservoir models utilizing synthetic stratigraphic columns
CN102591961B (zh) * 2011-12-30 2015-03-18 国家电网公司 一种制作数据图表的方法及系统
CN102609507A (zh) * 2012-02-03 2012-07-25 浙江工业大学 基于Web的数据可视化系统
US8812488B2 (en) * 2012-08-16 2014-08-19 Oracle International Corporation Constructing multidimensional histograms for complex spatial geometry objects
US9639777B1 (en) * 2015-12-17 2017-05-02 Linear Algebra Technologies Limited Systems and methods for providing an image classifier

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102609256A (zh) * 2012-01-19 2012-07-25 北京神州数码思特奇信息技术股份有限公司 一种基于网页的动态图表生成方法
CN106406842A (zh) * 2015-08-03 2017-02-15 天脉聚源（北京）科技有限公司 一种网页上柱状图的显示方法和系统
CN106952316A (zh) * 2017-03-22 2017-07-14 福建中金在线信息科技有限公司 一种微信小程序中股票分时图的显示方法及装置
CN107578457A (zh) * 2017-08-21 2018-01-12 中云开源数据技术（上海）有限公司 一种套叠柱状图的可视化系统及其显示方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"微信小程序的wx-charts插件";明明一颗大白菜;《https://www.cnblogs.com/mmykdbc/p/8927329.html》;20180424;第1-7页 *

Also Published As

Publication number Publication date
CN109491722A (zh) 2019-03-19

Similar Documents

Publication Publication Date Title
CN109491722B (zh) 基于微信小程序的柱状图图表插件系统及其实现方法
WO2016145832A1 (zh) 终端的操作方法及装置
CN106020678A (zh) 一种在移动设备进行触控操作的方法和装置
CN102855648B (zh) 一种图像处理方法及装置
CN102662505A (zh) 模拟触摸输入的装置、配置模拟触摸输入的装置及方法
KR20140148492A (ko) 가상 아이콘 터치스크린 어플리케이션 프로그램을 위한 동작 제어 변환 방법 및 터치스크린 단말
CN110136718A (zh) 语音控制的方法和装置
CN102043586B (zh) 电子表格中的背景色显示方法和装置
CN102117165A (zh) 触摸输入处理方法及移动终端
CN105138250A (zh) 人机交互操作引导方法、系统、人机交互装置及服务端
CN109934921A (zh) 对三维建筑模型进行构建和显示的方法和设备及存储介质
WO2020206914A1 (zh) 多源对地观测图像处理的可视化方法、装置及存储介质
CN110471658A (zh) 一种图层的选择方法、系统及计算机存储介质
CN112989776A (zh) 调整表格列的方法、装置、存储介质及终端设备
CN102468827B (zh) 一种任意波形编辑方法及装置
CN110737672A (zh) 一种数据可视化方法及装置
CN110347459A (zh) 一种窗口最小化方法、装置、存储介质及交互智能平板
CN102591500B (zh) 触控绘画处理系统及方法
CN110674433B (zh) 一种图表显示方法、存储介质及电子设备
CN109241510A (zh) 一种基于微信小程序的自动图表生成系统及其实现方法
CN114995741B (zh) 一种多屏显示的多点触控方法、装置及系统
CN105549837A (zh) 基于触屏设备的通讯录中联系人项的展示方法及装置
CN105630383B (zh) 一种在人机交互过程中提升关注度的方法和系统
CN104216603B (zh) 一种显示方法和电子设备
CN110231885A (zh) 触控模拟装置、控制方法以及用于控制智能设备的方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant