自定义 View ———— 折线图（重写 onDraw方法）

实现一个如下效果的折线图

这样的效果实现的方式很容易想到的就是重写 onDraw 方法，给定一组 float 值，分别画点、线，那么下面有颜色的阴影部分是用什么画呢，就用到了 Path, 一个点一个点相连成一个封闭的图形，便可画出这个图形。如果先画点，再画阴影部分，是会把点遮住一部分的，所以实现的时候先画完了阴影部分，再画线和点。不过这样子在 onDraw 方法里就有两个 for 循环，如果有好的办法欢迎提出。
下面直接贴出 View 的整个代码，代码不多

/**
 * @author hexiaosa
 * @date 2018/8/15
 */

public class CustomLineChart extends View {

    private int width; // 宽
    private int height; // 高
    private int pointNum; // 折点个数
    private int lineColor; // 折线颜色
    private int shadowColor; // 阴影颜色
    private float[] percents; // 百分比，可以理解为任务完成百分比
    private int itemWidth;
    private Path path;