鸿蒙开源组件——图表库

jacksky

发布于 2022-1-12 18:00

浏览

0收藏

ikvStockChart

项目介绍

项目名称：ikvStockChart
所属系列：openharmony的第三方组件适配移植
功能：ikvStockChart一个简单的openharmony图表库，支持时间线，k线，macd，kdj，rsi，boll索引和交互式手势操作，包括左右滑动刷新，缩放，突出显示。
项目移植状态：主功能完成
调用差异：左滑右滑日期循环跳回初始日期,加载动画事件未触发;长按多颜色信息展示为默认
开发版本：sdk6，DevEco Studio 2.2 Beta1
基线版本：Release v0.1.3.1

支持的功能

支持在 XML 布局文件和代码中设置各个线条颜色、大小配置
支持左滑、右滑加载
支持长按高亮、短按点击、双指缩放事件
支持 fling 滑动
支持 MACD、RSI、KDJ、BOLL 四个指标
支持自定义的指标显示方式
附带的程序示例有：默认左滑右滑加载、禁用左滑右滑加载、多个指标共同联动显示、在 Fragment 中使用、带有下拉刷新的需求中使用、横竖屏切换（自动旋转）、简单分时图

效果演示

安装教程

1.在项目根目录下的build.gradle文件中，

allprojects {
   repositories {
       maven {
           url 'https://s01.oss.sonatype.org/content/repositories/releases/'
       }
   }
}1.
2.
3.
4.
5.
6.
7.

2.在entry模块的build.gradle文件中，

dependencies {
   implementation('com.gitee.chinasoft_ohos:ikvStockChart:1.0.0')
   ......  
}1.
2.
3.
4.

在sdk6，DevEco Studio 2.2 Beta1下项目可直接运行

如无法运行，删除项目.gradle,.idea,build,gradle,build.gradle文件，

并依据自己的版本创建新项目，将新项目的对应文件复制到根目录下

使用说明

添加控件

该控件包含时间线，k线，macd，kdj，rsi，boll索引和交互式手势操作，包括左右滑动刷新，缩放，突出显示。

XML中添加控件:

	<com.wordplat.ikvstockchart.InteractiveKLineLayout
        ohos:id="$+id:kLineLayout"
        ohos:width="match_parent"
        ohos:height="match_parent"
        app:increasingStyle="stroke">1.
2.
3.
4.
5.

代码使用

	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() {

            }
        });1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.

ikvStockChart 支持 66 个属性配置，设置各个线条颜色大小参考： https://github.com/wordplat/ikvStockChart/blob/master/PROPERTY.md

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

测试信息

CodeCheck代码测试无异常

CloudTest代码测试无异常

病毒安全检测通过

当前版本demo功能与原组件基本无差异

版本迭代

1.0.0

版权和许可信息

Copyright (C) 2017 WordPlat Open Source Project

     https://wordplat.com/InteractiveKLineView/

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.