HelloCharts：支持缩放、滚动和其它动画的图表库

来源：互联网发布：软件开发的就业前景编辑：程序博客网时间：2024/05/18 18:42

图表库为Android兼容API8+（Android 2.2版本以上）。最好在启用硬件加速的环境下工作，建议API14+（Android 4.0版本以上）。

特征

线图（三次线、填充线、散点图）
柱图（分组、叠加、负值）
饼图
气泡图
组合图表（列/行）
预览图表（用于列图和折线图）
缩放（手势缩放，双击缩放），滚动和滑动
自定义和自动生成轴（顶部、底部、左、右、内部）
动画

Demo截图

示例代码在 hellocharts-samples 文件夹，需要 appcompat v21
这个演示Demo的下载地址 Google Play
短视频观看YouTube

hellocharts02

hellocharts03

hellocharts04

hellocharts05

hellocharts06

hellocharts07

hellocharts08

下载和导入

Android Studio/Gradle

Maven Central/jCenter，添加依赖到build.gradle：

XHTML
1
2
3
    dependencies{
        compile 'com.github.lecho:hellocharts-library:1.5.8@aar'
    }

JitPack.io，添加jitPack.io库和依赖到build.gradle：

1
2
3
4
5
6
7
8
9
  repositories{
      maven{
          url"https://jitpack.io"
      }
  }
 
  dependencies{
      compile'com.github.lecho:hellocharts-android:v1.5.8'
  }

Eclipse/ADT

下载最新版本的jar；
复制hellocharts-library-<version>.jar到项目的libs文件夹。

使用

在布局XML文件中可以定义一个图表视图：

XHTML
1
2
3
4
    <lecho.lib.hellocharts.view.LineChartView
        android:id="@+id/chart"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

或者在代码中创建然后添加到布局中：

Java
1
2
    LineChartViewchart=newLineChartView(context);
    layout.addView(chart);

使用图表的一些方法来定义图表，例如：

Java
1
2
3
    ChartData.setAxisXBottom(Axis axisX);
    ColumnChartData.setStacked(boolean isStacked);
    Line.setStrokeWidth(int strokeWidthDp);

每一个图表都有自己的方法来设置图表数据和自己的数据模型，例如折线图：

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    List<PointValue>values=newArrayList<PointValue>();
    values.add(newPointValue(0,2));
    values.add(newPointValue(1,4));
    values.add(newPointValue(2,3));
    values.add(newPointValue(3,4));
 
    //In most cased you can call data model methods in builder-pattern-like manner.
    Lineline=newLine(values).setColor(Color.BLUE).setCubic(true);
    List<Line>lines=newArrayList<Line>();
    lines.add(line);
 
    LineChartDatadata=newLineChartData();
    data.setLines(lines);
 
    LineChartViewchart=newLineChartView(context);
    chart.setLineChartData(data);

图表数据已设置后，您仍然可以修改其属性，但之后，你应该再次调用set*ChartData()方法图重新计算并重新绘制数据。也有一个选项可以使用复制构造函数来进行图表数据的深度拷贝。你可以在其他线程修改复制后使用set*ChartData()方法。

http://hao.jobbole.com/hellocharts/

0 0