如何(c++,js)写一个传统的K线图和走势图1

14 篇文章 1 订阅

 先了解下一下概念:

    
图形:
  走势图(分时)是指最新的一个交易日的分钟图
  多日走势图  是指可以指定最近几天的分钟图
  日线图: 是以每个交易日一根K线,组成的K线图
  周线,月线,年线: 是以1周, 1月,1年做成一根K线,组成的K线图
  分钟K线: 一般有1分钟, 5分钟 10分钟, 自定义分钟数,是以1分钟,5分钟 10分钟,作为一根K线,组成K线图。

数据:
  走势图分钟数据
  K线日线数据
  K线1分钟数据

复权:一个股票在除权除息的时候,在K线上显示的时候会有一个缺口位置,这个时候可以通过复权来平滑这个缺口
  前复权
  后复权
  不复权

指标:
  通过编写通达信脚本来写指标.
  如MA:
    M1=5;M2=10;M3=20;M4=60;
    MA1:MA(CLOSE,M1);
    MA2:MA(CLOSE,M2);
    MA3:MA(CLOSE,M3);
    MA4:MA(CLOSE,M4);
  如BOLL:
    M=20;
    BOLL:MA(CLOSE,M);
    UB:BOLL+2*STD(CLOSE,M);
    LB:BOLL-2*STD(CLOSE,M);
 
  通过这些脚本很方便的编写指标,在K线上显示。 (网上很多K线代码教程, 都是写死指标的, 完全不能复用。这样的K线图后续的指标只能由开发人员来做,而不是有业务人员来编写指标脚本来完成)

注释点:
1。 前端K线日线数据, 只需要下载日线,其他的周线,月线年都是由日线数据合并算出来的。
    前端K线的分钟数据, 只需要下载1分钟数据, 其他的5分钟, 10分钟等都是由1分钟数据合并算出来的。
    千万不要把周线,月线, 5分钟等数据放在后台api来计算,这样你的api完全就是浪费流量。 如1个股票一般显示1000天的交易数据, K线当天数据需要定时更新(交易所一般是3秒一个数据快照),如果前端显示周线数据,以5秒更新一次数据,你算下1个用户在交易时间内的下载量回很大。
    如果你把周线放在前端计算,那样前端第1次下载1000个交易日数据, 然后5秒下载一次当天的最新数据,把当天的数据更新下, 再计算周线显示在前端。 数据量就可以节省很多。 
2.  指标的计算。 指标计算也应该放在前端计算, 而不是后台api里面计算, 因为交易时间内当天数据会更新,更新一次指标就需要计算一次,如果放在api里计算,就浪费很多流量。
    那指标什么情况是放在api里计算的呢, 选股指标需要放在api后台计算的,因为选股一般会选全市场的股票来计算这个指标,返回满足条件的。这样就需要所有股票的K线数据,这些数据一般会放在api服务器的内存里,直接在服务器上选股返回满足条件的股票列表

下一章回写如很写走势图

 

实例代码:https://github.com/jones2000/HQChart

 

 

 

 

 

 

 

 

 

 

 

 

 

html5和c++开源 K线图工具, Create interactive charts easily for your web projects. Used by tens of thousands of developers and 61 out of the world's 100 largest companies, Highcharts is the simplest yet most flexible charting API on the market. Read more » Download » TemperatureRainfallTokyo climateSunshine hoursJanFebMarAprMayJunJulAugSepOctNovDec5°C10°C15°C20°C25°C30°C0 mm50 mm100 mm150 mm200 mm250 mmHighcharts.com Highstock Highstock lets you create stock or general timeline charts in pure JavaScript. Including sophisticated navigation options like a small navigator series, preset date ranges, date picker, scrolling and panning. Read more » Download » ZoomUSD to EUR14. Feb21. Feb28. Feb7. Mar14. Mar21. Mar28. Mar4. Apr11. Apr18. Apr25. Apr2. May9. May20042006200820100.70.650.751m3m6mYTD1yAllHighcharts.com Highmaps Interactive map charts with drilldown and touch support. Build interactive maps to display sales, election results or any other information linked to geography. Perfect for standalone use or in dashboards in combination with Highcharts! Read more » Download » Highcharts © Natural Earth Highcharts Cloud Online charts for non-techies. Create smashing, interactive diagrams for your news site or blog, or for sharing with your friends on social media. Read more » Highcharts Cloud 1 2 3 4 Free for non-commercial Do you want to use Highcharts for a personal website, a school site or a non-profit organisation? Then you don't need our permission, just go on! HTML 5 Based on native browser technologies, no plugins needed Open Fork us on GitHub and participate in tech discussions Compatible With modern browsers including mobile, tablets and old IE back to IE6 Dynamic Add, remove and modify series and points or modify axes Any chart you'd like Highcharts supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerang
K线图控件源码指的是实现K线图功能的代码,通常用于金融等领域的数据可视化。以下是一个简单的K线图控件源码实现步骤: 1. 数据准备:首先需要准备K线图的数据,包括时间、开盘价、最高价、最低价、收盘价等信息。可以将这些数据以列表或数组的形式保存。 2. 控件布局:设计K线图的布局,可以使用画布或者图表控件来显示K线图。可以设置控件的大小、背景色等。 3. 画坐标轴:根据数据的范围,绘制K线图的坐标轴。可以使用线条或者矩形来表示坐标轴。 4. 绘制K线图:根据数据的开盘价、最高价、最低价、收盘价等信息,使用线条或者矩形来绘制K线图。通常将涨幅用红色表示,跌幅用绿色表示,可以设置不同的颜色和线型。 5. 绘制均线:可以根据需要绘制均线。均线是指一段时间内收盘价的平均值,可以使用曲线来表示。 6. 添加交互功能:可以为K线图添加交互功能,例如放大缩小、选中特定区域等。可以通过点击、拖动等方式来实现交互功能。 7. 数据更新:如果需要实时显示K线图,可以使用定时器或者其他方式来更新数据,并重新绘制K线图。 总之,K线图控件源码主要包括数据准备、布局设计、图形绘制、交互功能等几个步骤。通过编这些代码,可以实现一个简单的K线图控件,用于展示金融数据的走势。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HQChart

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值