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
相关文章
|
存储 安全 数据安全/隐私保护
Notion平替工具AFFINE知识库如何本地部署与公网远程访问
Notion平替工具AFFINE知识库如何本地部署与公网远程访问
1236 1
|
关系型数据库 MySQL 索引
MySQL数据表添加字段的三种方式
MySQL数据表添加字段的三种方式
9948 0
|
人工智能 测试技术 Go
Go 语言的主流框架
本文全面解析了 Go 语言主流技术生态,涵盖 Web 框架、微服务、数据库工具、测试与部署等多个领域。重点介绍了 Gin、Echo、Beego 等高性能框架,以及 gRPC-Go、Go-Micro 等微服务组件。同时分析了 GORM、Ent 等 ORM 工具与测试部署方案,并结合场景提供选型建议,助力开发者构建高效稳定的 Go 应用。
2740 0
|
分布式计算 大数据 数据处理
经典大数据处理框架与通用架构对比
【6月更文挑战第15天】本文介绍Apache Beam是谷歌开源的统一数据处理框架,提供可移植API,支持批处理和流处理。与其他架构相比,Lambda和Kappa分别专注于实时和流处理,而Beam在两者之间提供平衡,具备高实时性和数据一致性,但复杂性较高。选择架构应基于业务需求和场景。
1213 3
经典大数据处理框架与通用架构对比
|
运维 监控 关系型数据库
AI 时代的 MySQL 数据库运维解决方案
本方案将大模型与MySQL运维深度融合,构建智能诊断、SQL优化与知识更新的自动化系统。通过知识库建设、大模型调用策略、MCP Server开发及监控闭环设计,全面提升数据库运维效率与准确性,实现从人工经验到智能决策的跃迁。
1266 27
|
存储 人工智能 算法
AAAI 2025| S5VH: 基于选择性状态空间的高效自监督视频哈希
AAAI 2025 论文 S5VH 提出基于选择性状态空间模型的高效自监督视频哈希方法,通过双向 Mamba 层和 Self-Local-Global 学习范式,显著提升视频检索性能与推理效率。
846 16
|
atlas AI芯片 Python
昇腾NPU上基于MindIE服务的AIME和MATH500测评方案
本文介绍了基于MindIE服务和lighteval工具对DeepSeek-R1类模型进行能力测评的方法。针对AIME 2024、AIME 2025、MATH-500和GPQA等数据集,通过在Atlas 800I A2硬件上部署MindIE服务,结合开源项目Open R1的评测方法完成测评。主要内容包括模型权重下载、MindIE服务化部署、lighteval安装与配置,以及使用openai模式进行测评的具体步骤。最终展示了AIME 2024和MATH-500的测评结果,并对比了DeepSeek官方数据。该方案适合需要准确评估带推理思维链模型性能的场景。
1122 0
|
人工智能 安全 API
claude中文版怎么使用?轻松解锁国内使用Claude 技能
渴望体验 Anthropic 公司开发的强大 AI 模型 Claude 的魅力,却被网络限制所阻挡?不必担心!🚀 这篇指南将为你详细剖析 Claude 的强大功能,并提供多种方法,让你即使身处国内,也能轻松驾驭 Claude 的力量,开启 AI 新世界的大门
|
小程序 JavaScript 前端开发
7.9K star!跨平台开发从未如此简单,这个开源框架让APP开发效率飙升!
Lynx 是一个革命性的跨平台开发框架,使用 TypeScript 开发即可同时构建 iOS、Android 和 Web 应用。通过创新的布局引擎和原生渲染技术,让开发者用一套代码实现三端同屏效果,大大提升整体的开发效率!
1035 0

热门文章

最新文章