hellocharts实现y轴固定和x轴滑动效果

最新推荐文章于 2021-11-10 10:16:37 发布

原创

最新推荐文章于 2021-11-10 10:16:37 发布 · 8.5k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#android

本文介绍了如何使用HelloCharts库在Android中创建一个图表，展示7天固定Y轴（0到100范围）的数据，并允许通过滑动查看7天前的数据。关键在于正确设置viewport，通过不设定左右边界来实现X轴滑动，同时Y轴保持固定。引入HelloCharts库，配置build.gradle文件，并在布局文件与核心代码中进行相应设置。

最近也是刚接触图标charts这控件, 想要实现一个固定显示7天的数据, 向左滑动可以查看7天前的数据,然后y轴固定显示0到100的坐标范围,就是这样了的效果了;直接看效果图吧.

就这样一个效果

我是这么干的:

第一步当然是引入框架

Android Studio/Gradle
- Maven Central/jCenter, add dependency to your build.gradle:
  dependencies{
  compile ‘com.github.lecho:hellocharts-library:1.5.8@aar’
  }
- JitPack.io, add jitpack.io repositiory and dependency to your build.gradle:
  repositories {
  maven {
  url “https://jitpack.io”
  }
  }
  
  dependencies {
  compile ‘com.github.lecho:hellocharts-android:v1.5.8’
  }
- -
-
布局文件

    <lecho.lib.hellocharts.view.LineChartView
        android:id="@+id/chart"
        android:layout_width="match_parent"
        android:layout_height="200dp" />

核心代码

public class CartActivity extends AppCompatActivity {
   
   

    private int totalDays = 20;//总共有多少天的数据显示
    private float minY = 0f;//Y轴坐标最小值
    private float maxY = 100f;//Y轴坐标最大值


    String[] labelsX = new String[totalDays];//X轴的标注
    int[] valuesY = new int[totalDays];