Watch 1 Star 1 Fork 1

ganshisheng / 266_股票分时图K线图小程序模板wechat

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
概述:股票分时图K线图小程序模板,图片可参考:http://www.acnorange.com/front/weixin/266.html。 spread retract

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

wxCharts

微信小程序中的股票分时图、K线图

说明

  • 本示例K线交易量(底部柱子)的颜色变化规则为:当前现价(收盘价) - 前一条现价(收盘价) 决定的,大于等于0为红(涨),小于0为绿(跌)。这里可能有的计算规则是以交易量来计算的。
  • 数据为真实接口数据,处理后存储在模块里。由于使用者不同,接口数据格式肯定有不同,所以绘前的metadata1()和metadata2()方法为数据转化接口。
  • js设置的canvas大小实际上是以px为单位的,100%宽度的可设置'auto',如页面中要指定canvas大小,则在js里需按规则先计算绘图的canvas大小。具体规则可以参考官方文档:WXSS尺寸单位
  • 正在施工中:在图上手势移动显示坐标线和数据明细。

文档

配置文档参考:wiki

效果展示

image image image image

手势坐标(演示效果)

image

Comments ( 0 )

Sign in for post a comment

wechat
1
https://gitee.com/ganshisheng/wxapp_266.git
git@gitee.com:ganshisheng/wxapp_266.git
ganshisheng
wxapp_266
266_股票分时图K线图小程序模板
master

Search