Android MPAndroidChart使用教程和源码分析(四)

一.概述

    MPAndroidChart是一款基于Android的开源图表库，MPAndroidChart不仅可以在Android设备上绘制各种统计图表，而且可以对图表进行拖动和缩放操作，应用起来非常灵活。MPAndroidChart同样拥有常用的图表类型：线型图、饼图、柱状图和散点图。

GitHub地址：

https://github.com/PhilJay/MPAndroidChart

二.实例讲解

下面先以BarChart为例讲解一下在Chart类的基础上，开发者为BarChart准备的实例化好的组成部分。

经过前两篇文章的分析，我们知道一个基本的Chart实例应该是是有这么几部分组成的：

（1）DataRenderer（数据渲染器）

（2）Legend（图例）

（3）Axis（坐标轴）

（4）Listener（一开始我们分析，Chart类的监听器有两个，但是经过源码分析，我们得知Chart的基本监听器有三个）

（5）Animator：动画显示

（6）Data：图表数据（根源的数据怎么能忘记呢）

（7）MarkerView

（8）HighLighter（高亮覆盖显示）

（9）ViewPortHandler（暂时理解为绘图区域）

下面呢，我将以BarChart为例讲解Chart的这些基本组成部分都是怎么被具像化，怎么样工作的：

昨天的blog中我们讲解chart类中最重要的DataRenderer 这个类的工作方式，并且讲解了如何使用Matrix（transformer和mViewPortHandler中的matrix）和Buffer类完成对Chartitem位置的确定。以及我们怎么确认高亮，并且绘制高亮。

今天我们把剩下的部分讲解一下，主要有坐标轴，图例，MarkerView，ViewPortHandler这四个部分。

首先我们讲AxisRenderer，这是关于坐标轴的渲染器，首先我们看一下BarChart的 XAxisRendererBarChart

public XAxisRendererBarChart(ViewPortHandler viewPortHandler, XAxis xAxis, Transformer trans,
        BarChart chart) {
    super(viewPortHandler, xAxis, trans);
    this.mChart = chart;
}

/**
 * draws the x-labels on the specified y-position
 * 
 * @param pos
 */
@Override
protected void drawLabels(Canvas c, float pos, PointF anchor) {

    final float labelRotationAngleDegrees = mXAxis.getLabelRotationAngle();
    // pre allocate to save performance (dont allocate in loop)
    float[] position = new float[] {
            0f, 0f
    };
    BarData bd = mChart.getData();
    int step = bd.getDataSetCount();
    for (int i = mMinX; i <= mMaxX; i += mXAxis.mAxisLabelModulus) {
        position[0] = i * step + i * bd.getGroupSpace()
                + bd.getGroupSpace() / 2f;／／
        // consider groups (center label for each group)
        if (step > 1) {
            position[0] += ((float) step - 1f) / 2f;
        }
        mTrans.pointValuesToPixel(position);
        if (mViewPortHandler.isInBoundsX(position[0]) && i >= 0
                && i < mXAxis.getValues().size()) {

            String label = mXAxis.getValues().get(i);／／得到标签数值

            if (mXAxis.isAvoidFirstLastClippingEnabled()) {

                // avoid clipping of the last
                if (i == mXAxis.getValues().size() - 1) {
                    float width = Utils.calcTextWidth(mAxisLabelPaint, label);

                    if (position[0] + width / 2.f > mViewPortHandler.contentRight())
                        position[0] = mViewPortHandler.contentRight() - (width / 2.f);

                    // avoid clipping of the first
                } else if (i == 0) {

                    float width = Utils.