Android RecyclerChart其它图表绘制示例详解

正文

之前章节介绍了RecyclerChart 中一些通用的图表的相关绘制逻辑，本章节介绍两种Special的Chart的绘制，一种是心电图，一种是睡眠图。首先我们来看下心电图EcgChart的绘制。

1. 心电图

EcgChart 跟LineChart形态上是相似的，但是EcgChart的点相对于LineChart密集的多，之前的LineChart相当于每个RecyclerView的Itemview 中的Model对应的value值，而心电图的ItemDataModel背后有一个List的value值与之对应，针对1080px width的手机而言，极大可能地超出了1px一个Point，所以这里的绘制逻辑换成每个Item中对应一段path, path 是由ItemDataModel的List，注意处理前后两个Path的衔接处即可, 这里具体List的大小可根据需求来定，原始的每个Item中是20个Point。首先先看下横屏无线右滑的EcgChart动图gif:

绘制的逻辑代码, 因为每个ItemView的width也很小就没有像之前的LineChart单独处理边界的绘制问题了。

private  void drawLineChartWithoutPoint(Canvas canvas, RecyclerView parent, YAxis mYAxis) {
  final float parentRightBoard = parent.getWidth() - parent.getPaddingRight();
  final float parentLeft = parent.getPaddingLeft();
  //BaseBarChartAdapter adapter = (BaseBarChartAdapter) parent.getAdapter();
  final int childCount = parent.getChildCount();
  for (int i = 0; i  0){
      View pointF1Child = parent.getChildAt(i - 1);
      T barEntryLeft = (T) pointF1Child.getTag();
      if (barEntryLeft instanceof  EcgEntry){
        List values = ((EcgEntry) barEntryLeft).values;
        if (values.size() > 0){
          preValue =  values.get(values.size() - 1);
        }
      }
    }
    if (barEntry instanceof EcgEntry){
      List values = ((EcgEntry) barEntry).values;
      RectF rectF = ChartComputeUtil.getBarChartRectF(child, parent, 
                                                      mYAxis, mLineChartAttrs, barEntry);
      if (rectF.left  parentRightBoard){
        continue;
      }
      float innerItemWidth = rectF.width()/values.size();
      float startX = rectF.left;
      // preValue 用来衔接两个ItemView中的path,防止断连的问题。
      preValue = preValue == Integer.MIN_VALUE?values.get(0): preValue;
      float firstPosition = ChartComputeUtil.getYPosition(preValue, parent,
                                                          mYAxis, mLineChartAttrs);
      Path pathItem = new Path();
      pathItem.moveTo(startX, firstPosition);
      for (int j = 0; j 

public class EcgEntry extends BarEntry{
    public List values = new ArrayList<>();
    public EcgEntry(int i, float value, long timestamp, int type) {
        super(i, value, timestamp, type);
    }
}