CN106952316A - 一种微信小程序中股票分时图的显示方法及装置 - Google Patents

一种微信小程序中股票分时图的显示方法及装置 Download PDF

Info

Publication number
CN106952316A
CN106952316A CN201710173607.3A CN201710173607A CN106952316A CN 106952316 A CN106952316 A CN 106952316A CN 201710173607 A CN201710173607 A CN 201710173607A CN 106952316 A CN106952316 A CN 106952316A
Authority
CN
China
Prior art keywords
canvas
stock
sharing map
share
data
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.)
Pending
Application number
CN201710173607.3A
Other languages
English (en)
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.)
Fujian Cnfol Information Technology Co Ltd
Original Assignee
Fujian Cnfol Information Technology 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 Fujian Cnfol Information Technology Co Ltd filed Critical Fujian Cnfol Information Technology Co Ltd
Priority to CN201710173607.3A priority Critical patent/CN106952316A/zh
Publication of CN106952316A publication Critical patent/CN106952316A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q40/00—Finance; Insurance; Tax strategies; Processing of corporate or income taxes
    • G06Q40/04—Trading; Exchange, e.g. stocks, commodities, derivatives or currency exchange
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Software Systems (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Human Computer Interaction (AREA)
  • Economics (AREA)
  • Technology Law (AREA)
  • General Business, Economics & Management (AREA)
  • Strategic Management (AREA)
  • Marketing (AREA)
  • Development Economics (AREA)
  • Instructional Devices (AREA)

Abstract

本发明提供的微信小程序中股票分时图的显示方法及装置，设置股票分时图的初始显示参数，实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。基于本发明提供的微信小程序中股票分时图的显示方法，用户可以在使用微信的同时浏览股票分时图，改善了用户体验。

Description

一种微信小程序中股票分时图的显示方法及装置
技术领域
本发明涉及图像显示技术领域，更具体的，涉及一种微信小程序中股票分时图的显示方法及装置。
背景技术
微信小程序是腾讯新推出的一套在微信生态下的应用，微信小程序不需要下载安装即可使用，从开发角度来说，微信小程序是一套完全封闭的技术体系。
股票分时图在各个网站或者应用程序上是比较常见的，但是，目前在微信小程序的技术环境下还不能实现股票分时图，当用户在使用微信时想浏览股票分时图必须退出微信，登录能实现股票分时图的网站或应用程序，用户体验差。
发明内容
有鉴于此，本发明提供了一种微信小程序中股票分时图的显示方法，用户可以在使用微信的同时浏览股票分时图，改善了用户体验。
具体技术方案如下：
一种微信小程序中股票分时图的显示方法，包括：
设置股票分时图的初始显示参数；
实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，所述交易数据包括交易时间、交易价格和成交量；
建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；
根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；
在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。
优选的，所述设置股票分时图的初始显示参数，包括：
设置所述股票分时图的宽度，以及高度和宽度的固定比例；
根据所述待显示股票的类型，确定所述股票分时图X轴的交易时间，所述交易时间包括所述待显示股票的开始交易时间、中断交易时间和结束交易时间。
优选的，所述建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系，包括：
建立所述股票分时图中X轴的交易时间数据到所述Canvas画布坐标的映射关系：CanvasX＝(CanvasW/dataLen)*X，其中，CanvasX为所述Canvas画布的绘图点的X轴坐标值，所述股票分时图中的所有交易数据构成dataArr数据数组，dataLen为所述待显示股票的交易数据的总量，X为dataArr数据数组的下标，CanvasW为所述Canvas画布的宽度；
建立所述股票分时图中Y轴的交易价格数据到所述Canvas画布坐标的映射关系：CanvasY＝(canPriH/(2*maxAbs))*(lstPri+maxAbs-dataY)，其中，CanvasY为所述Canvas画布的绘图点的Y轴坐标值，lstPri为所述待显示股票的昨收价，maxAbs为所述待显示股票的所有交易价格数据与所述昨收价的最大差值，dataY为所述待显示股票在Y点的交易价格，canPriH为所述Canvas画布中显示dataY的点的高度；
建立所述股票分时图中Y轴的成交量数据到所述Canvas画布坐标的映射关系：CanvasY＝byVolH+maxVol-canVolH，其中，maxVol为所述待显示股票的所有成交量数据中的最大值，canVolH为所述Canvas画布中显示Y坐标为Y的点的高度，byVolH为所述Canvas画布中显示Y坐标为Y的点的偏移高度。
优选的，当所述当前触摸点的位置为touchX，所述待显示股票的交易数据的总量为dataLen，所述Canvas画布的宽度为CanvasW，所述股票分时图中的所有交易数据构成dataArr数据数组时，所述当前触摸点的显示数据为：
dataPoint＝dataArr[Math.round(touchX/(CanvasW/dataLen))]。
一种微信小程序中股票分时图的显示装置，包括：
设置单元，用于设置股票分时图的初始显示参数；
获取单元，用于实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，所述交易数据包括交易时间、交易价格和成交量；
建立单元，用于建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；
绘制单元，用于根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；
添加单元，用于在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。
优选的，所述设置单元包括：
设置子单元，用于设置所述股票分时图的宽度，以及高度和宽度的固定比例；
确定子单元，用于根据所述待显示股票的类型，确定所述股票分时图X轴的交易时间，所述交易时间包括所述待显示股票的开始交易时间、中断交易时间和结束交易时间。
优选的，所述建立单元包括：
第一建立子单元，用于建立所述股票分时图中X轴的交易时间数据到所述Canvas画布坐标的映射关系：CanvasX＝(CanvasW/dataLen)*X，其中，CanvasX为所述Canvas画布的绘图点的X轴坐标值，所述股票分时图中的所有交易数据构成dataArr数据数组，dataLen为所述待显示股票的交易数据的总量，X为dataArr数据数组的下标，CanvasW为所述Canvas画布的宽度；
第二建立子单元，用于建立所述股票分时图中Y轴的交易价格数据到所述Canvas画布坐标的映射关系：
CanvasY＝(canPriH/(2*maxAbs))*(lstPri+maxAbs-dataY)，其中，CanvasY为所述Canvas画布的绘图点的Y轴坐标值，lstPri为所述待显示股票的昨收价，maxAbs为所述待显示股票的所有交易价格数据与所述昨收价的最大差值，dataY为所述待显示股票在Y点的交易价格，canPriH为所述Canvas画布中显示dataY的点的高度；
第三建立子单元，用于建立所述股票分时图中Y轴的成交量数据到所述Canvas画布坐标的映射关系：CanvasY＝byVolH+maxVol-canVolH，其中，maxVol为所述待显示股票的所有成交量数据中的最大值，canVolH为所述Canvas画布中显示Y坐标为Y的点的高度，byVolH为所述Canvas画布中显示Y坐标为Y的点的偏移高度。
优选的，当所述当前触摸点的位置为touchX，所述待显示股票的交易数据的总量为dataLen，所述Canvas画布的宽度为CanvasW，所述股票分时图中的所有交易数据构成dataArr数据数组时，所述当前触摸点的显示数据为：
dataPoint＝dataArr[Math.round(touchX/(CanvasW/dataLen))]。
相对于现有技术，本发明的有益效果如下：
本发明提供的微信小程序中股票分时图的显示方法及装置，设置股票分时图的初始显示参数，实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。基于本发明提供的微信小程序中股票分时图的显示方法，用户可以在使用微信的同时浏览股票分时图，改善了用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
图1为本发明实施例公开的一种微信小程序中股票分时图的显示方法流程图；
图2为本发明实施例公开的一种微信小程序中股票分时图的显示方法流程图；
图3为本发明实施例公开的一种微信小程序中股票分时图的显示装置结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
请参阅图1，本实施例公开了一种微信小程序中股票分时图的显示方法，具体包括以下步骤：
S101：设置股票分时图的初始显示参数；
具体的，S101具体包括：
设置所述股票分时图的宽度，以及高度和宽度的固定比例；
根据所述待显示股票的类型，确定所述股票分时图X轴的交易时间，所述交易时间包括所述待显示股票的开始交易时间、中断交易时间和结束交易时间。
可以理解的是，不同类型的股票的交易时间不同，例如：第一类型的股票的交易时间为9:30～11:30和13:00～15:00；第二类型的股票的交易时间为9:30～12:00和13:00～16:00。
股票分时图的X轴表示股票的交易时间，Y轴上部分表示股票的交易价格，Y轴下部分表示股票的成交量。
S102：实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，所述交易数据包括交易时间、交易价格和成交量；
需要说明的是，本实施例公开的微信小程序中股票分时图的显示方法实时通过网络请求获取待显示股票的交易数据，保证股票分时图中的交易数据实时更新。
股票分时图中X轴中每个交易时间点对应一个股票的交易价格和成交量。
S103：建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；
请参阅图2，S103一种优选的执行过程如下：
S201：建立所述股票分时图中X轴的交易时间数据到所述Canvas画布坐标的映射关系：CanvasX＝(CanvasW/dataLen)*X；
其中，CanvasX为所述Canvas画布的绘图点的X轴坐标值，所述股票分时图中的所有交易数据构成dataArr数据数组，dataLen为所述待显示股票的交易数据的总量，X为dataArr数据数组的下标，CanvasW为所述Canvas画布的宽度；
S202：建立所述股票分时图中Y轴的交易价格数据到所述Canvas画布坐标的映射关系：CanvasY＝(canPriH/(2*maxAbs))*(lstPri+maxAbs-dataY)；
其中，CanvasY为所述Canvas画布的绘图点的Y轴坐标值，lstPri为所述待显示股票的昨收价，maxAbs为所述待显示股票的所有交易价格数据与所述昨收价的最大差值，dataY为所述待显示股票在Y点的交易价格，canPriH为所述Canvas画布中显示dataY的点的高度；
可以理解的是，S202建立的是股票分时图中Y轴上部分交易价格数据到所述Canvas画布中Y轴上部分坐标的映射关系。
S203：建立所述股票分时图中Y轴的成交量数据到所述Canvas画布坐标的映射关系：CanvasY＝byVolH+maxVol-canVolH；
其中，maxVol为所述待显示股票的所有成交量数据中的最大值，canVolH为所述Canvas画布中显示Y坐标为Y的点的高度，byVolH为所述Canvas画布中显示Y坐标为Y的点的偏移高度。
可以理解的是，S203建立的是股票分时图中Y轴下部分成交量数据到所述Canvas画布中Y轴下部分坐标的映射关系。
需要说明的是，本实施例公开的微信小程序中股票分时图的显示方法，通过设置股票分时图的初始显示参数，并建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系，使所述股票分时图能够在微信小程序中Canvas画布中进行显示，并且根据所述映射关系，股票分时图大小能自适应屏幕。
S104：根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；
优选的，用微信小程序提供的Canvas相关的api来操作绘制图形。
S105：在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。
具体的，当所述当前触摸点的位置为touchX，所述待显示股票的交易数据的总量为dataLen，所述Canvas画布的宽度为CanvasW，所述股票分时图中的所有交易数据构成dataArr数据数组时，所述当前触摸点的显示数据为：
dataPoint＝dataArr[Math.round(touchX/(CanvasW/dataLen))]。
本实施例提供的微信小程序中股票分时图的显示方法及装置，设置股票分时图的初始显示参数，实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。基于本实施例提供的微信小程序中股票分时图的显示方法，用户可以在使用微信的同时浏览股票分时图，改善了用户体验。
基于上述实施例公开的微信小程序中股票分时图的显示方法，请参阅图3，本实施例对应公开了一种微信小程序中股票分时图的显示装置，包括：
设置单元101，用于设置股票分时图的初始显示参数；
优选的，所述设置单元101包括：
设置子单元，用于设置所述股票分时图的宽度，以及高度和宽度的固定比例；
确定子单元，用于根据所述待显示股票的类型，确定所述股票分时图X轴的交易时间，所述交易时间包括所述待显示股票的开始交易时间、中断交易时间和结束交易时间。
获取单元102，用于实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，所述交易数据包括交易时间、交易价格和成交量；
建立单元103，用于建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；
优选的，所述建立单元103包括：
第一建立子单元，用于建立所述股票分时图中X轴的交易时间数据到所述Canvas画布坐标的映射关系：CanvasX＝(CanvasW/dataLen)*X，其中，CanvasX为所述Canvas画布的绘图点的X轴坐标值，所述股票分时图中的所有交易数据构成dataArr数据数组，dataLen为所述待显示股票的交易数据的总量，X为dataArr数据数组的下标，CanvasW为所述Canvas画布的宽度；
第二建立子单元，用于建立所述股票分时图中Y轴的交易价格数据到所述Canvas画布坐标的映射关系：
CanvasY＝(canPriH/(2*maxAbs))*(lstPri+maxAbs-dataY)，其中，CanvasY为所述Canvas画布的绘图点的Y轴坐标值，lstPri为所述待显示股票的昨收价，maxAbs为所述待显示股票的所有交易价格数据与所述昨收价的最大差值，dataY为所述待显示股票在Y点的交易价格，canPriH为所述Canvas画布中显示dataY的点的高度；
第三建立子单元，用于建立所述股票分时图中Y轴的成交量数据到所述Canvas画布坐标的映射关系：CanvasY＝byVolH+maxVol-canVolH，其中，maxVol为所述待显示股票的所有成交量数据中的最大值，canVolH为所述Canvas画布中显示Y坐标为Y的点的高度，byVolH为所述Canvas画布中显示Y坐标为Y的点的偏移高度。
绘制单元104，用于根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；
添加单元105，用于在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。
具体的，当所述当前触摸点的位置为touchX，所述待显示股票的交易数据的总量为dataLen，所述Canvas画布的宽度为CanvasW，所述股票分时图中的所有交易数据构成dataArr数据数组时，所述当前触摸点的显示数据为：
dataPoint＝dataArr[Math.round(touchX/(CanvasW/dataLen))]。
本实施例公开的微信小程序中股票分时图的显示装置，实时通过网络请求获取待显示股票的交易数据，实现股票分时图中股票交易数据的实时更新；建立股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系，根据所述映射关系在所述Canvas画布上绘制待显示股票分时图，实现股票分时图大小能自适应屏幕；在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。基于本实施例提供的微信小程序中股票分时图的显示装置，用户可以在使用微信的同时浏览股票分时图，改善了用户体验。
对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (8)

1.一种微信小程序中股票分时图的显示方法，其特征在于，包括：
设置股票分时图的初始显示参数；
实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，所述交易数据包括交易时间、交易价格和成交量；
建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；
根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；
在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。
2.根据权利要求1所述的方法，其特征在于，所述设置股票分时图的初始显示参数，包括：
设置所述股票分时图的宽度，以及高度和宽度的固定比例；
根据所述待显示股票的类型，确定所述股票分时图X轴的交易时间，所述交易时间包括所述待显示股票的开始交易时间、中断交易时间和结束交易时间。
3.根据权利要求1所述的方法，其特征在于，所述建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系，包括：
建立所述股票分时图中X轴的交易时间数据到所述Canvas画布坐标的映射关系：CanvasX＝(CanvasW/dataLen)*X，其中，CanvasX为所述Canvas画布的绘图点的X轴坐标值，所述股票分时图中的所有交易数据构成dataArr数据数组，dataLen为所述待显示股票的交易数据的总量，X为dataArr数据数组的下标，CanvasW为所述Canvas画布的宽度；
建立所述股票分时图中Y轴的交易价格数据到所述Canvas画布坐标的映射关系：CanvasY＝(canPriH/(2*maxAbs))*(lstPri+maxAbs-dataY)，其中，CanvasY为所述Canvas画布的绘图点的Y轴坐标值，lstPri为所述待显示股票的昨收价，maxAbs为所述待显示股票的所有交易价格数据与所述昨收价的最大差值，dataY为所述待显示股票在Y点的交易价格，canPriH为所述Canvas画布中显示dataY的点的高度；
建立所述股票分时图中Y轴的成交量数据到所述Canvas画布坐标的映射关系：CanvasY＝byVolH+maxVol-canVolH，其中，maxVol为所述待显示股票的所有成交量数据中的最大值，canVolH为所述Canvas画布中显示Y坐标为Y的点的高度，byVolH为所述Canvas画布中显示Y坐标为Y的点的偏移高度。
4.根据权利要求1所述的方法，其特征在于，当所述当前触摸点的位置为touchX，所述待显示股票的交易数据的总量为dataLen，所述Canvas画布的宽度为CanvasW，所述股票分时图中的所有交易数据构成dataArr数据数组时，所述当前触摸点的显示数据为：
dataPoint＝dataArr[Math.round(touchX/(CanvasW/dataLen))]。
5.一种微信小程序中股票分时图的显示装置，其特征在于，包括：
设置单元，用于设置股票分时图的初始显示参数；
获取单元，用于实时通过网络请求获取待显示股票的交易数据，并将所述待显示股票的交易数据填充到所述股票分时图中，所述交易数据包括交易时间、交易价格和成交量；
建立单元，用于建立所述股票分时图中交易数据与微信小程序中Canvas画布坐标的映射关系；
绘制单元，用于根据所述映射关系在所述Canvas画布上绘制待显示股票分时图；
添加单元，用于在所述待显示股票分时图中添加触摸事件，所述触摸事件用于指示当用户触摸所述待显示股票分时图时，在当前触摸点显示相应的交易数据。
6.根据权利要求5所述的装置，其特征在于，所述设置单元包括：
设置子单元，用于设置所述股票分时图的宽度，以及高度和宽度的固定比例；
确定子单元，用于根据所述待显示股票的类型，确定所述股票分时图X轴的交易时间，所述交易时间包括所述待显示股票的开始交易时间、中断交易时间和结束交易时间。
7.根据权利要求5所述的装置，其特征在于，所述建立单元包括：
第一建立子单元，用于建立所述股票分时图中X轴的交易时间数据到所述Canvas画布坐标的映射关系：CanvasX＝(CanvasW/dataLen)*X，其中，CanvasX为所述Canvas画布的绘图点的X轴坐标值，所述股票分时图中的所有交易数据构成dataArr数据数组，dataLen为所述待显示股票的交易数据的总量，X为dataArr数据数组的下标，CanvasW为所述Canvas画布的宽度；
第二建立子单元，用于建立所述股票分时图中Y轴的交易价格数据到所述Canvas画布坐标的映射关系：
CanvasY＝(canPriH/(2*maxAbs))*(lstPri+maxAbs-dataY)，其中，CanvasY为所述Canvas画布的绘图点的Y轴坐标值，lstPri为所述待显示股票的昨收价，maxAbs为所述待显示股票的所有交易价格数据与所述昨收价的最大差值，dataY为所述待显示股票在Y点的交易价格，canPriH为所述Canvas画布中显示dataY的点的高度；
第三建立子单元，用于建立所述股票分时图中Y轴的成交量数据到所述Canvas画布坐标的映射关系：CanvasY＝byVolH+maxVol-canVolH，其中，maxVol为所述待显示股票的所有成交量数据中的最大值，canVolH为所述Canvas画布中显示Y坐标为Y的点的高度，byVolH为所述Canvas画布中显示Y坐标为Y的点的偏移高度。
8.根据权利要求5所述的装置，其特征在于，当所述当前触摸点的位置为touchX，所述待显示股票的交易数据的总量为dataLen，所述Canvas画布的宽度为CanvasW，所述股票分时图中的所有交易数据构成dataArr数据数组时，所述当前触摸点的显示数据为：
dataPoint＝dataArr[Math.round(touchX/(CanvasW/dataLen))]。
CN201710173607.3A 2017-03-22 2017-03-22 一种微信小程序中股票分时图的显示方法及装置 Pending CN106952316A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710173607.3A CN106952316A (zh) 2017-03-22 2017-03-22 一种微信小程序中股票分时图的显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710173607.3A CN106952316A (zh) 2017-03-22 2017-03-22 一种微信小程序中股票分时图的显示方法及装置

Publications (1)

Publication Number Publication Date
CN106952316A true CN106952316A (zh) 2017-07-14

Family

ID=59472337

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710173607.3A Pending CN106952316A (zh) 2017-03-22 2017-03-22 一种微信小程序中股票分时图的显示方法及装置

Country Status (1)

Country Link
CN (1) CN106952316A (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107169866A (zh) * 2017-06-14 2017-09-15 上海找钢网信息科技股份有限公司 一种钢贸行业价格信息折线图/蜡烛图展示系统及方法
CN108364231A (zh) * 2018-02-10 2018-08-03 武汉市灯塔互动文化传播有限公司 一种用于股票曲线分析的方法和装置
CN109117238A (zh) * 2018-09-20 2019-01-01 四川长虹电器股份有限公司 一种基于微信小程序的图例展示系统及方法
CN109491722A (zh) * 2018-11-05 2019-03-19 四川长虹电器股份有限公司 基于微信小程序的柱状图图表插件系统及其实现方法
CN109800341A (zh) * 2019-01-16 2019-05-24 四川长虹电器股份有限公司 一种基于微信小程序的图表数据抽稀方法
CN110727383A (zh) * 2019-09-18 2020-01-24 北京百度网讯科技有限公司 基于小程序的触控交互方法、装置、电子设备与存储介质
CN111766992A (zh) * 2020-05-29 2020-10-13 维沃移动通信有限公司 信息显示方法、装置、电子设备及存储介质

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104732567A (zh) * 2015-04-03 2015-06-24 珠海富讯网络科技有限公司 将股票资讯在k线图、分时图进行标注的数据可视化方法

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104732567A (zh) * 2015-04-03 2015-06-24 珠海富讯网络科技有限公司 将股票资讯在k线图、分时图进行标注的数据可视化方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
管财婆: "《首款微信小程序上线股票灯塔+誓做炒股界的AlphaGo》", 《HTTP://WWW.SOHU.COM/A/124117339_567165》 *
豌豆荚: "《灯塔》", 《豌豆荚》 *

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107169866A (zh) * 2017-06-14 2017-09-15 上海找钢网信息科技股份有限公司 一种钢贸行业价格信息折线图/蜡烛图展示系统及方法
CN107169866B (zh) * 2017-06-14 2021-06-29 上海找钢网信息科技股份有限公司 一种钢贸行业价格信息折线图/蜡烛图展示系统及方法
CN108364231A (zh) * 2018-02-10 2018-08-03 武汉市灯塔互动文化传播有限公司 一种用于股票曲线分析的方法和装置
CN109117238A (zh) * 2018-09-20 2019-01-01 四川长虹电器股份有限公司 一种基于微信小程序的图例展示系统及方法
CN109117238B (zh) * 2018-09-20 2021-04-27 四川长虹电器股份有限公司 一种基于微信小程序的图例展示系统及方法
CN109491722A (zh) * 2018-11-05 2019-03-19 四川长虹电器股份有限公司 基于微信小程序的柱状图图表插件系统及其实现方法
CN109491722B (zh) * 2018-11-05 2022-05-03 四川长虹电器股份有限公司 基于微信小程序的柱状图图表插件系统及其实现方法
CN109800341A (zh) * 2019-01-16 2019-05-24 四川长虹电器股份有限公司 一种基于微信小程序的图表数据抽稀方法
CN110727383A (zh) * 2019-09-18 2020-01-24 北京百度网讯科技有限公司 基于小程序的触控交互方法、装置、电子设备与存储介质
CN110727383B (zh) * 2019-09-18 2024-05-28 北京百度网讯科技有限公司 基于小程序的触控交互方法、装置、电子设备与存储介质
CN111766992A (zh) * 2020-05-29 2020-10-13 维沃移动通信有限公司 信息显示方法、装置、电子设备及存储介质
CN111766992B (zh) * 2020-05-29 2022-04-22 维沃移动通信有限公司 信息显示方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN106952316A (zh) 一种微信小程序中股票分时图的显示方法及装置
CN108573279A (zh) 图像标注方法及终端设备
CN101354621A (zh) 一种触摸屏校准参数的确定方法及其装置
CN102819416B (zh) 一种实现组件内容显示的方法和装置
US8195611B2 (en) Using a sparse file as a clone of a file
CN107844243A (zh) 云桌面触摸屏实现方法及装置
CN102750180A (zh) 一种二维地图瓦片的多线程显示机制
CN102436381B (zh) 一种界面布局的生成方法及装置
CN104679469B (zh) 车载终端及其获取手持终端的屏幕分辨率的方法
CN103543923B (zh) 控件的点击事件处理方法及系统
CN108182102A (zh) 图表管理方法、装置及可读存储介质
CN107797752A (zh) 书写笔迹的呈现方法及装置、交互智能平板及存储介质
CN106600664A (zh) 对称图形的绘制方法和装置
CN110288521A (zh) 图像美化方法、装置及电子设备
CN103473543B (zh) 用于提取图像中对象边界的装置、方法以及电子设备
CN109254770A (zh) 图形化编程平台下的自定义按钮样式的方法及电子设备
CN105653133A (zh) 应用程序的扩展方法及装置
CN110530387A (zh) 路径规划方法、装置、电子设备、及存储介质
CN108399058A (zh) 一种信号显示控制方法及装置
CN105653124B (zh) 笔迹效果模拟方法及装置
CN109582269A (zh) 物理拼接屏显示方法、装置及终端设备
CN108491194A (zh) 一种基于Web端API的网络地图图片自动截取拼接的方法
CN111402368A (zh) 一种绘制图形的矫正方法及终端
CN108734351A (zh) 一种基于抢红包的群体感知数据采集激励方法
CN110516284A (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20170714

RJ01 Rejection of invention patent application after publication