android 股票K线图
现在在手上的是一个证券资讯类型的app,其中有涉及到股票行情界面,行情中有K线图等,看到网上很多人在求这方面的资料,所以我特地写了一个demo在此处给大家分享一下。
下面是做出来的效果图:
这个 界面 是如何画出来的我就不做介绍了,大家可以去下载项目源码。
背景图是利用canvas先画出一个矩形,然后再画几根虚线,均线图是通过path来绘制的,总之图的绘制是很简单的,我就不在这里作介绍了,大家可以去github下载源码看看。涉及到均线、最高价、最低价、收盘价、开盘价的概念大家可以百度一下。
我再这里要介绍的是计算问题:
大家可以看到分时图、日K、月K的左边的成交价格都是不一样的,而我们的k线都是通过这个价格来绘制的,也就是说价格是时刻变动,那么我们的k线绘制也是变动的。假设我们要计算分时图中价格为25.69的那一分钟应该如何画,画在屏幕中的哪一个位置,那么这个应该怎么画呢,价格是变动的,画的位置也是变动的,但是有一点我们屏幕的大小是不变的。所以我们可以通过背景图的高度来计算某个价格的线图应该从哪个地方开始画。我们可以计算出一个像素点对应多少个价格,分析图如下:
价格和像素形成个一个比例计算是:double heightScale = (endY - startY)/(highPrice - lowPrice);
所以价格25.69应该是画在mStartY = (float) (startY+ (highPrice - 25.69) * heightScale);
这个明白了之后其他的原理都是一样的,我就不介绍了,下面是部分代码:
- @Override
- protected void drawKChatBackGround() {
- Rect dirty = new Rect(left, kChartTop, right, KChartbottom);
- // 画背景图的矩形
- mCanvas.drawRect(dirty, LineGrayPaint);
- PathEffect effects = new DashPathEffect(new float[] { 5, 5, 5, 5 }, 1);
- LineGrayPaint.setPathEffect(effects);
- Path path = new Path();
- int y = kChartTop + 15;
- // 画上面的虚线
- path.moveTo(left, y );
- path.lineTo(right, y );
- String text = getPriceText(highPrice);
- int textHeight = (int) (textGrayPaint.descent() - textGrayPaint.ascent());
- mCanvas.drawText(text,left - textGrayPaint.measureText(text) - 5,y + textHeight/2 ,textGrayPaint);
- double max = highPrice - lowPrice;
- if (max > 10){
- // 分成四等分
- // 画中间的三根虚线
- int n = 4;
- double sper = (highPrice - lowPrice) / 4;// 每一等分代表的价格
- for(int i=1;i<n;i++){
- y = i*((KChartbottom - kChartTop)/n) + kChartTop;
- path.moveTo(left, y);
- path.lineTo(right,y);
- text = getPriceText(highPrice - i*sper);
- mCanvas.drawText(text,left - textGrayPaint.measureText(text) - 5,y + textHeight/2,textGrayPaint);
- }
- }else{
- // 分成两等分
- // 画中间的虚线
- y = (KChartbottom - kChartTop)/2 + kChartTop;
- path.moveTo(left, y);
- path.lineTo(right, y);
- text = getPriceText(highPrice - (highPrice - lowPrice) / 2);
- mCanvas.drawText(text,left - textGrayPaint.measureText(text) - 5,y + textHeight/2,textGrayPaint);
- }
- // 画下面的虚线
- y = KChartbottom - 15;
- path.moveTo(left, y);
- path.lineTo(right, y);
- text = getPriceText(lowPrice);
- mCanvas.drawText(text,left - textGrayPaint.measureText(text) - 5,y + textHeight/2,textGrayPaint);
- // // 画等分的虚线和下面的日期
- for (int i = num - 1; i > 0; i--) {
- int x = left + perWidth * i;
- path.moveTo(x, kChartTop);
- path.lineTo(x, KChartbottom);
- perXPoint[i - 1] = x;
- }
- mCanvas.drawPath(path, LineGrayPaint);
- }
- @Override
- protected void drawMAChart() {
- // 画均线
- Path path5 = new Path();
- Path path10 = new Path();
- Path path20 = new Path();
- double heightScale = (KChartbottom - kChartTop)/(highPrice - lowPrice);
- int maStart = left;
- float maStartY;
- path5.moveTo(maStart, (float) (kChartTop + (highPrice - infos.get(0).getMaValue5()) * heightScale));
- path10.moveTo(maStart, (float) (kChartTop + (highPrice - infos.get(0).getMaValue10()) * heightScale));
- path20.moveTo(maStart, (float) (kChartTop + (highPrice - infos.get(0).getMaValue20()) * heightScale));
- for(SingleStockInfo info:infos){
- maStart += per * perHalf;// 每一天实际所占的数据是4/6,左右边距各1/6
- maStartY = (float) (kChartTop + (highPrice - info.getMaValue5()) * heightScale);
- path5.lineTo(maStart, maStartY);
- maStartY = (float) (kChartTop + (highPrice - info.getMaValue10()) * heightScale);
- path10.lineTo(maStart, maStartY);
- maStartY = (float) (kChartTop + (highPrice - info.getMaValue20()) * heightScale);
- path20.lineTo(maStart, maStartY);
- maStart += per * perHalf;
- }
- Paint paint = new Paint();
- paint.setColor(Color.BLUE);
- paint.setAntiAlias(true);
- paint.setStrokeWidth(2);
- paint.setStyle(Style.STROKE);
- mCanvas.drawPath(path5, paint);
- paint.setColor(Color.MAGENTA);
- mCanvas.drawPath(path10, paint);
- paint.setColor(Color.GREEN);
- mCanvas.drawPath(path20, paint);
- }
- /**
- * 下面的柱形图
- */
- @Override
- protected void drawPillarsChart(int flag) {
- LineGrayPaint.setPathEffect(null);
- Rect dirty = new Rect(left, pillarsChartTop, right, pillarsChartbottom);
- // 画背景图的矩形
- mCanvas.drawRect(dirty, LineGrayPaint);
- int y = pillarsChartTop + (pillarsChartbottom - pillarsChartTop)/2;
- mCanvas.drawLine(left,y,right, y, LineGrayPaint);
- // 中间的值
- String totalCount = getPriceText(maxCount/2/10000);
- float maginLeft = left - textGrayPaint.measureText(totalCount)- 5;
- mCanvas.drawText(totalCount, maginLeft, y,textGrayPaint);
- // 上面的值
- totalCount = getPriceText(maxCount/10000);
- maginLeft = left - textGrayPaint.measureText(totalCount)- 5;
- mCanvas.drawText(totalCount, maginLeft, pillarsChartTop,textGrayPaint);
- // 下面的值
- totalCount = "万手";
- maginLeft = left - textGrayPaint.measureText(totalCount) - 5;
- mCanvas.drawText(totalCount, maginLeft, pillarsChartbottom,textGrayPaint);
- int pStart = left;
- float pStartY;
- double heightScale = (pillarsChartbottom - pillarsChartTop)/maxCount;
- Paint paint = new Paint();
- paint.setAntiAlias(true);
- paint.setStyle(Paint.Style.FILL);
- if (flag == StockService.FLAG){
- for(MinuteInfo info:minuteInfos){
- pStart += per * per16;// 每一天实际所占的数据是4/6,加上1/6
- pStartY = (float) (pillarsChartTop + (maxCount - info.getVolume()) * heightScale);
- dirty = new Rect(pStart, (int) pStartY, (int) (pStart + per * per46), pillarsChartbottom-2);
- paint.setColor(info.getColor());
- // 画背景图的矩形
- mCanvas.drawRect(dirty, paint);
- pStart += per * per56;// 右边的间距 5/6
- }
- }else{
- for(SingleStockInfo info:infos){
- pStart += per * per16;// 每一天实际所占的数据是4/6,加上1/6
- pStartY = (float) (pillarsChartTop + (maxCount - info.getTotalCount()) * heightScale);
- dirty = new Rect(pStart, (int) pStartY, (int) (pStart + per * per46), pillarsChartbottom-2);
- paint.setColor(info.getColor());
- // 画背景图的矩形
- mCanvas.drawRect(dirty, paint);
- pStart += per * per56;// 右边的间距 5/6
- }
- }
- }
- /**
- * 分时图
- */
- @Override
- public void drawHoursChart(){
- double heightScale = (KChartbottom - kChartTop)/(highPrice - lowPrice);
- int cLeft = left;
- int cTop = 0;
- Path path = new Path();
- path.moveTo(cLeft, KChartbottom-2);
- int position = 0;
- int perPointX = perXPoint[position];// 记录第一条垂直虚线的x坐标
- for(MinuteInfo info:minuteInfos){
- cLeft += per * per16;
- cTop = (int) (kChartTop + (highPrice - info.getNow()) * heightScale);
- path.lineTo(cLeft + per * per26, cTop);
- if (cLeft >= perPointX){
- // 恰好画到第一条垂直虚线的地方,需要画下面的时间
- String text = KChartUtil.getMinute(info.getMinute());
- float textWidth = textGrayPaint.measureText(text);
- int textHeight = (int) (textGrayPaint.descent()- textGrayPaint.ascent());
- mCanvas.drawText(text, perPointX - textWidth/2, KChartbottom + textHeight, textGrayPaint);
- if (!(position == perXPoint.length-1)){
- Log.e(TAG, perPointX+"----------"+info.getMinute()+"---"+text);
- perPointX = perXPoint[++position];
- }
- }
- cLeft += per * per56;// 右边的间距 5/6
- }
- path.lineTo(cLeft, KChartbottom-2);
- Paint LinePaint = new Paint();
- LinePaint.setColor(Color.BLUE);
- LinePaint.setAntiAlias(true);
- LinePaint.setStrokeWidth(1);
- LinePaint.setStyle(Style.STROKE);
- // LinePaint.setStyle(Style.STROKE);
- mCanvas.drawPath(path, LinePaint);
- LinePaint.setAlpha(50);
- LinePaint.setStyle(Style.FILL);
- mCanvas.drawPath(path, LinePaint);
- }
需要的请给我留言
android 股票K线图的更多相关文章
- 股票K线图-JfreeChart版
http://blog.csdn.net/ami121/article/details/3953272 股票K线图-JfreeChart版 标签: jfreechartpropertiesapplet ...
- 利用JFreeChart绘制股票K线图完整解决方案
http://blog.sina.com.cn/s/blog_4ad042e50100q7d9.html 利用JFreeChart绘制股票K线图完整解决方案 (2011-04-30 13:27:17) ...
- IOS 股票K线图、分时图
IOS 股票K线图.分时图,网上开源项目很少,质量也是参差不齐:偶尔搜索到看似有希望的文章,点进去,还是个标题党:深受毒害.经过一段时间的探索,终于在开源基础上完成了自己的股票K线图.分时图: 先放出 ...
- 基于Echarts的股票K线图展示
发布时间:2018-10-31 技术:javascript+html5+canvas 概述 基于echarts的股票K线图展示,只需引用单个插件,通过简单配置,导入数据,即可实现炫酷复杂的K线 ...
- Highstock生成股票K线图
在线演示 本地下载 使用HightStock生成股票K线图例子.
- WPF中使用amCharts绘制股票K线图
原文:WPF中使用amCharts绘制股票K线图 本想自己用GDI绘图, 通过数据直接绘制一张蜡柱图, 但觉得这样子的功能比较少, 所以到网上搜索一些能画出K线图的控件. 发现DynamicDataD ...
- PHP使用HighChart生成股票K线图详解
本人qq群也有许多的技术文档,希望可以为你提供一些帮助(非技术的勿加). QQ群: 281442983 (点击链接加入群:http://jq.qq.com/?_wv=1027&k=29Lo ...
- python pandas 画图、显示中文、股票K线图
目录: 1.pandas官方画图链接 2.标记图中数据点 3.画图显示中文 4.画股票K线图 5.matplotlib基本用法 6.format输出 6.format输出例子 eps_range=[0 ...
- C#下如何用NPlot绘制期货股票K线图(2):读取数据文件让K线图自动更新
[内容介绍]上一篇介绍了K线图的基本绘制方法,但很不完善,本篇增加了它直接读取数据的功能,这对于金融市场的数据量大且又需要动态刷新功能的实现很重要. [实现方法] 1.需要一个数据文件,这里用的是直接 ...
随机推荐
- Java并发框架——什么是AQS框架
什么是AQS框架 1995年sun公司发布了第一个java语言版本,可以说从jdk1.1到jdk1.4期间java的使用主要是在移动应用和中小型企业应用中,在此类领域中基本不用设计大型并发场景,当然也 ...
- Java并发框架——AQS之原子性如何保证?
在研究AQS框架时,会发现这个类很多地方都使用了CAS操作,在并发实现中CAS操作必须具备原子性,而且是硬件级别的原子性,java被隔离在硬件之上,明显力不从心,这时为了能直接操作操作系统层面,肯定要 ...
- Java基本语法-----java函数
函数的概述 发现不断进行加法运算,为了提高代码的复用性,就把该功能独立封装成一段独立的小程序,当下次需要执行加法运算的时候,就可以直接调用这个段小程序即可,那么这种封装形形式的具体表现形式则称作函数. ...
- [ExtJS5学习笔记]第三十一节 sencha extjs 5使用cmd生成的工程部署到tomcat服务器
本文地址:http://blog.csdn.net/sushengmiyan/article/details/42940883 本文作者:sushengmiyan ------------------ ...
- 【移动开发】 Android隐藏输入法软键盘的一些说明
刚刚在写一个仿微信的Android聊天软件,在编写的过程中,发现一个严重的BUG---当用户点击输入框用软键盘输入文本的时候点击了"返回好友列表"的按钮,返回到好友列表时软键盘无法 ...
- Dynamics CRM2016 新功能之Solution enhancements
CRM2016中对解决方案的功能有了一定的加强,CRM自2011版本开始引入了solution的概念,但大家的共识是solution的导出导入以及发布都非常的慢,常常会出现发布超时的情况很是头疼. 以 ...
- HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客
HTML5学习从简单到复杂,循环渐进! 每日更新关注:http://weibo.com/hanjunqiang 新浪微博! 1.HTML格式化 <!DOCTYPE html> <h ...
- 【java线程系列】java线程系列之java线程池详解
一线程池的概念及为何需要线程池: 我们知道当我们自己创建一个线程时如果该线程执行完任务后就进入死亡状态,这样如果我们需要在次使用一个线程时得重新创建一个线程,但是线程的创建是要付出一定的代价的,如果在 ...
- SQLServer导出数据到MySQL
1从SQLServer导出数据 执行BCP: bcp "..." queryout "F:\test.txt" -c –S1.2.3.4 -Usa -P1111 ...
- nginx+uwsgi+django 部署原理
python开发群里经常有同学问 nginx+uwsgi+django 着了教程部署,但是不知道他们之间怎么样的关系,于是我就google到了一个让我看起来很认同的图,大家看了也比较认同,于是就分享出 ...