10分钟学会ikvStockChart制作K线图(股票走势图)

简介: 前言:最近在技术群里面,总是有人在问这个股票图怎么做,有没有相关的三方库可以使用呢?其实我也想研究这类的项目,刚好在github上面遇到了一个制作K线图的库,叫做ikvStockChart,于是写了一个Demo,还是写这篇博客跟大家仔细讲一下把。

前言:
最近在技术群里面,总是有人在问这个股票图怎么做,有没有相关的三方库可以使用呢?其实我也想研究这类的项目,刚好在github上面遇到了一个制作K线图的库,叫做ikvStockChart,于是写了一个Demo,还是写这篇博客跟大家仔细讲一下把。虽然官方文档也有,但不是很清晰。于是我整理了这篇博客,让大家一看就明白使用的正确姿势。

OK,Show me your code!Go!Go!Go!
先来看一波效果图:

效果图

一、新版本功能介绍(当前最新版本:0.1.5)

ikvStockChart一个简单的Android图表库,支持时间线,k线,macd,kdj,rsi,boll索引和交互式手势操作,包括左右滑动刷新,缩放,突出显示。

1. 支持在 XML 布局文件和代码中设置各个线条颜色、大小配置
2. 支持左滑、右滑加载
3. 支持长按高亮、短按点击、双指缩放事件
4. 支持 fling 滑动
5. 支持 MACD、RSI、KDJ、BOLL 四个指标
6. 支持自定义的指标显示方式

ikvStockChart这个库附带的sample有:默认左滑右滑加载、禁用左滑右滑加载、多个指标共同联动显示、在 Fragment 中使用、带有下拉刷新的需求中使用、横竖屏切换(自动旋转)、简单分时图

二、基本使用

1. 添加依赖

compile 'com.wordplat:ikvStockChart:0.1.5'

2. 布局里面设置

<com.wordplat.ikvstockchart.InteractiveKLineLayout
    android:id="@+id/kLineLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

3. 代码里面使用

比如:

final EntrySet entrySet = new EntrySet();
entrySet.addEntry(new Entry(...));
    
kLineLayout.getKLineView().setEntrySet(entrySet);
kLineLayout.getKLineView().notifyDataSetChanged();
kLineLayout.getKLineView().setKLineHandler(new KLineHandler() {
    @Override
    public void onLeftRefresh() {
        kLineLayout.getKLineView().refreshComplete();
    }

    @Override
    public void onRightRefresh() {
        kLineLayout.getKLineView().refreshComplete();
    }

    @Override
    public void onSingleTap(MotionEvent e, float x, float y) {
    }

    @Override
    public void onDoubleTap(MotionEvent e, float x, float y) {
    }

    @Override
    public void onHighlight(Entry entry, int entryIndex, float x, float y) {
    }

    @Override
    public void onCancelHighlight() {
    }
});

4. 设置各个线条颜色大小

比如:

SizeColor sizeColor = kLineLayout.getKLineView().getRender().getSizeColor();
sizeColor.setXXX();

5. ikvStockChart 支持 66 个属性配置,具体如下:

  • 1.与轴、网格有关的属性和方法
xml布局 Java代码 描述 从哪个版本起使用该属性
app:xLabelSize setXLabelSize X 轴标签字符大小 0.1.0
app:xLabelColor setXLabelColor X 轴标签字符颜色 0.1.0
app:xLabelViewHeight setXLabelViewHeight X 轴 Label 区域的高度 0.1.0
app:yLabelSize setYLabelSize Y 轴标签字符大小 0.1.0
app:yLabelColor setYLabelColor Y 轴标签字符颜色 0.1.0
app:yLabelAlign setYLabelAlign Y 轴标签对齐方向 1: left, 2: right 0.1.2
app:axisSize setAxisSize 轴线条大小 0.1.0
app:axisColor setAxisColor 轴线条颜色 0.1.0
app:gridSize setGridSize 网格线大小 0.1.0
app:gridColor setGridColor 网格线颜色 0.1.0
  • 2.与高亮、MarkerView 有关的属性和方法
xml布局 Java代码 描述 从哪个版本起使用该属性
app:highlightSize setHighlightSize 高亮线条大小 0.1.0
app:highlightColor setHighlightColor 高亮线条颜色 0.1.0
app:markerBorderSize setMarkerBorderSize MarkerView 边框大小 0.1.0
app:markerBorderColor setMarkerBorderColor MarkerView 边框颜色 0.1.0
app:markerTextSize setMarkerTextSize MarkerView 字符大小 0.1.0
app:markerTextColor setMarkerTextColor MarkerView 字符颜色 0.1.0
app:xMarkerAlign setXMarkerAlign X 轴 MarkerView 对齐方向 0.1.3
app:yMarkerAlign setYMarkerAlign Y 轴 MarkerView 对齐方向 0.1.3
  • 3.与分时图有关的属性和方法
xml布局 Java代码 描述 从哪个版本起使用该属性
app:timeLineSize setTimeLineSize 分时线大小 0.1.0
app:timeLineColor setTimeLineColor 分时线颜色 0.1.0
app:timeLineMaxCount setTimeLineMaxCount 分时图 entry 最多个数。注:此值与 entrySet 里的 entries.size() 意义不同,这里指 X 轴上最多能容纳多少个 entry 0.1.4
  • 4.与蜡烛图有关的属性和方法
xml布局 Java代码 描述 从哪个版本起使用该属性
app:candleBorderSize setCandleBorderSize 蜡烛图矩形边框大小 0.1.0
app:candleExtremumLabelSize setCandleExtremumLabelSize 蜡烛图极值字符大小 0.1.0
app:candleExtremumLableColor setCandleExtremumLableColor 蜡烛图极值字符颜色 0.1.0
app:shadowSize setShadowSize 影线大小 0.1.0
app:increasingColor setIncreasingColor 上涨颜色 0.1.0
app:decreasingColor setDecreasingColor 下跌颜色 0.1.0
app:neutralColor setNeutralColor 不涨不跌颜色 0.1.0
app:portraitDefaultVisibleCount setPortraitDefaultVisibleCount 竖屏默认显示多少个蜡烛图 0.1.0
app:zoomInTimes setZoomInTimes 最多放大次数 0.1.0
app:zoomOutTimes setZoomOutTimes 最多缩小次数 0.1.0
app:increasingStyle setIncreasingStyle 上涨蜡烛图填充样式。默认实心 0.1.4
app:decreasingStyle setDecreasingStyle 下跌蜡烛图填充样式,默认实心 0.1.4
  • 5.与股票指标有关的属性和方法
xml布局 Java代码 描述 从哪个版本起使用该属性
app:maLineSize setMaLineSize MA 平均线大小 0.1.0
app:ma5Color setMa5Color MA5 平均线颜色 0.1.0
app:ma10Color setMa10Color MA10 平均线颜色 0.1.0
app:ma20Color setMa20Color MA20 平均线颜色 0.1.0
app:bollLineSize setBollLineSize BOLL 线条大小 0.1.0
app:bollMidLineColor setBollMidLineColor BOLL MID 线条颜色 0.1.0
app:bollUpperLineColor setBollUpperLineColor BOLL UPPER 线条颜色 0.1.0
app:bollLowerLineColor setBollLowerLineColor BOLL LOWER 线条颜色 0.1.0
app:kdjLineSize setKdjLineSize KDJ 线条大小 0.1.0
app:kdjKLineColor setKdjKLineColor KDJ K 线条颜色 0.1.0
app:kdjDLineColor setKdjDLineColor KDJ D 线条颜色 0.1.0
app:kdjJLineColor setKdjJLineColor KDJ J 线条颜色 0.1.0
app:macdLineSize setMacdLineSize MACD 两条线大小 0.1.0
app:macdHighlightTextColor setMacdHighlightTextColor 高亮的 MACD 字符颜色 0.1.0
app:deaLineColor setDeaLineColor DEA 线条颜色 0.1.0
app:diffLineColor setDiffLineColor DIFF 线条颜色 0.1.0
app:rsiLineSize setRsiLineSize RSI 线条大小 0.1.0
app:rsi1LineColor setRsi1LineColor RSI 第一条线颜色 0.1.0
app:rsi2LineColor setRsi2LineColor RSI 第二条线颜色 0.1.0
app:rsi3LineColor setRsi3LineColor RSI 第三条线颜色 0.1.0
app:maTextSize setMaTextSize MA 字符大小 0.1.0
app:maTextColor setMaTextColor MA 字符颜色 0.1.0
app:bollTextSize setBollTextSize BOLL 字符大小 0.1.0
app:bollTextColor setBollTextColor BOLL 字符颜色 0.1.0
app:kdjTextSize setKdjTextSize KDJ 字符大小 0.1.0
app:kdjTextColor setKdjTextColor KDJ 字符颜色 0.1.0
app:macdTextSize setMacdTextSize MACD 字符大小 0.1.0
app:macdTextColor setMacdTextColor MACD 字符颜色 0.1.0
app:rsiTextSize setRsiTextSize RSI 字符大小 0.1.0
app:rsiTextColor setRsiTextColor RSI 字符颜色 0.1.0
  • 6.其它
xml布局 Java代码 描述 从哪个版本起使用该属性
app:loadingTextSize setLoadingTextSize loading 字符大小 0.1.0
app:loadingTextColor setLoadingTextColor loading 字符颜色 0.1.0
app:loadingText setLoadingText loading 字符 0.1.0
app:errorTextSize setErrorTextSize error 字符大小 0.1.0
app:errorTextColor setErrorTextColor error 字符颜色 0.1.0
app:errorText setErrorText error 字符 0.1.0
相关文章
|
计算机视觉 C++ Python
Python+Yolov8手势特征识别检测
这篇博客针对&lt;Python+Yolov8手势特征识别检测&gt;编写代码,代码整洁,规则,易读。 学习与应用推荐首选。
681 0
Python+Yolov8手势特征识别检测
|
Ubuntu Shell 开发工具
Ubuntu 20.04 配置 zsh
Ubuntu 20.04 配置 zsh
921 0
Ubuntu 20.04 配置 zsh
|
NoSQL MongoDB 数据库
docker 部署MongoDB
docker 部署MongoDB
1358 0
|
10月前
|
SQL 缓存 Java
【详细实用のMyBatis教程】获取参数值和结果的各种情况、自定义映射、动态SQL、多级缓存、逆向工程、分页插件
本文详细介绍了MyBatis的各种常见用法MyBatis多级缓存、逆向工程、分页插件 包括获取参数值和结果的各种情况、自定义映射resultMap、动态SQL
【详细实用のMyBatis教程】获取参数值和结果的各种情况、自定义映射、动态SQL、多级缓存、逆向工程、分页插件
|
算法 前端开发 NoSQL
追忆四年前:一段关于我被外企CTO用登录注册吊打的不堪往事
是的,诸位没有看错,这篇文章的要讲述的并不是我吊打面试官,而是一段我被面试官吊打的陈年往事,这段痛苦的记忆在我脑海中长久不衰,也是一个我内心曾多次不愿面对的事实,各位看官可以准备好一小把瓜子,听我将这则旧事缓缓道来~
454 59
追忆四年前:一段关于我被外企CTO用登录注册吊打的不堪往事
|
C语言
【C语言】动态分配一个二维数组+图解
【C语言】动态分配一个二维数组+图解
306 0
|
Web App开发 资源调度 算法
【机组组合】基于Benders分解算法解决混合整数规划问题——机组组合问题(Matlab代码实现)
【机组组合】基于Benders分解算法解决混合整数规划问题——机组组合问题(Matlab代码实现)
【机组组合】基于Benders分解算法解决混合整数规划问题——机组组合问题(Matlab代码实现)
|
前端开发 JavaScript 数据格式
Vue实现导入Excel功能
Vue实现导入Excel功能
Vue实现导入Excel功能
|
网络协议 Ubuntu 安全
ubuntu22.04 打开工作新局面【git加速、手机连通、git配置】
ubuntu22.04 打开工作新局面【git加速、手机连通、git配置】
1509 0
ubuntu22.04 打开工作新局面【git加速、手机连通、git配置】
|
存储 自然语言处理 数据可视化
Paddlenlp之UIE模型实战实体抽取任务【打车数据、快递单】
Paddlenlp之UIE模型实战实体抽取任务【打车数据、快递单】
Paddlenlp之UIE模型实战实体抽取任务【打车数据、快递单】