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

走势图

 看上图, 我把走势图主要的元素都标识出来。(不会用ps, 图片大家就将就看下)

1. 分钟信息区。 主要是显示十字光标所在位子上,这1分钟的信息。这里显示的数据会随十字光标的移动而变动 
   主要信息有 
      股票名称
      分钟:格式:小时:分钟. 
      股票分钟信息: 价格, 均价, 成交量, 成交金额, 涨幅((价格-昨收)/昨收*100),等其他信息(取决这个品种有什么数据)
                    字体颜色:价格, 均价和昨收盘比较  >红色 ==黑色 <绿色
                                      涨幅 >0红色 ==0黑色 <0绿色

2.均线 每分钟股票的均价组成的线段
3.价格 每分钟股票价格组成的线段
  线段对于空的处理。股票在某一分钟里面有成交,这一分钟的数据的价格应该延续上一分钟的价格,而不是平滑掉

6. 价格坐标的中轴线的是以这个股票的昨天的收盘价做为中轴线。不同的品种可能不太一样, 如期货是以昨结算价作为中轴线。

4. 价格左边刻度, 以昨收盘价作为中轴线,上下间距是一样的, 间距是以昨收盘价到线段均价和价格的最大值,最小值最大的那个。 max((最大值-前收盘),(前收盘-最小值)). 字体颜色中轴线以下用绿色,中轴线用黑色,中轴线以上用红色。

5.价格右边刻度。 刻度的价格/昨收盘价-1*100. 字体颜色规则和左边刻度一样。

7.成交量柱状图。柱子颜色分红绿, 当前这1分钟的价格和上一分钟价格对比 >红 其他都是绿色, 第1分钟和昨收盘价比较。

8.十字光标。通过鼠标,键盘,手势可以查看某一分钟的数据和对应的指标数据.( 这个会单独用章来讲解,东西比较多)

9.指标窗口。使用分钟数据+指标脚本进行计算,得到的数据用图形的方式显示。

10.指标的名。

11.指标参数。 指标脚本内可以设置多个变量,这些变量的值在这里显示(见下图MACD显示的参数,黄线就是指标参数和对应显示的值)

指标图1

12.指标的动态值。 十字光标所在位子上的这1分钟的指标图形的数据。格式 线段名称: 数值. 字体颜色跟显示的线段的颜色一致

13.X轴的时间刻度, 一般已整点或半小时显示一个刻度。 这个取决于图形的宽度。

14.叠加股票线,见下图

叠加

叠加的股票数据,需要和当前股票的昨收盘计算一个比值。 算法:叠加的股票的分钟价格/叠加的股票的昨收盘*当天股票的昨收盘价。

下一章 多指标窗口模式如何实现的

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

html5c++开源 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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

HQChart

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

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

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

打赏作者

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

抵扣说明:

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

余额充值