MPAndroidChart绘制浅析

最新推荐文章于 2024-07-01 14:48:01 发布
最新推荐文章于 2024-07-01 14:48:01 发布
阅读量4.2k 收藏 2
点赞数
分类专栏： MPChart
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guoxiaolongonly/article/details/68924556
版权

前言

一直在使用MPAndroidChart但对其内部机制却没有做多少了解，自己之前还修改过MPAndroidChart的源码，某次面试被问到，MPAndroidChart是怎样进行绘制的，瞬间一脸懵逼，回答了个大概，但是被看出其实不是很了解。算亡羊补牢吧，今天抽了点时间看了MPAndroidChart 3.0的源码部分。
直接进入正题吧。

Chart基类

这边顺便讲解一下Chart这个类，它是所有图表类的抽象基类，继承自ViewGroup，实现了图表接口ChartInterface（这个接口用来实现图表的大小，边界，和范围的获取。），Chart里面存放了一些公共的配置和一些共有的抽象方法，数据等。

/**
 * 这个类是图表类的基类，继承自ViewGroup，它可以让图表像View一样被使用。
 * @author Philipp Jahoda
 */
@SuppressLint("NewApi")
public abstract class Chart<T extends ChartData<? extends IDataSet<? extends Entry>>> extends
        ViewGroup
        implements ChartInterface {

    public static final String LOG_TAG = "MPAndroidChart";

    /**
     * 声明log是否开启（调试用）
     */
    protected boolean mLogEnabled = false;

    /**
     * 图表数据
     */
    protected T mData = null;

    /**
     * 触摸区域高亮
     */
    protected boolean mHighLightPerTapEnabled = true;

    /**
     * 触摸事件完成后是否继续滚动（可以试试pieChart的旋转功能）
     */
    private boolean mDragDecelerationEnabled = true;

    /**
     * 这个就是滚动的减慢速度，算摩擦系数，0就直接停了，1会一直转，所以他回自动变成0.999，
     */
    private float mDragDecelerationFrictionCoef = 0.9f;

    /**
     * 数据格式化
     */
    protected ValueFormatter mDefaultFormatter;

    /**
     * 图表描述画笔
     */
    protected Paint mDescPaint;

    /**
     * 这个画笔是用来画无数据的情况
     */
    protected Paint mInfoPaint;

    /**
     * 描述描述！！
     */
    protected String mDescription = "Description";

    /**
     * X轴的label可以看折现图的横轴label
     */
    protected XAxis mXAxis;

    /**
     * 手势开关
     */
    protected boolean mTouchEnabled = true;

    /**
     * Legend是一个图例描述，里面是这个图例，位置等其他配置的信息。
     */
    protected Legend mLegend;

    /**
     * 数据选中监听
     */
    protected OnChartValueSelectedListener mSelectionListener;
    /**
     * 图表点击监听
     */
    protected ChartTouchListener mChartTouchListener;

    /**
     * 空数据文本
     */
    private String mNoDataText = "No chart data available.";

    /**
     * 手势监听
     */
    private OnChartGestureListener mGestureListener;

    /**
     * 无数据描述
     */
    private String mNoDataTextDescription;

    /**
     * 这个是图例绘制类
     */
    protected LegendRenderer mLegendRenderer;

    /**
     * 数据绘制类基类实现
     */
    protected DataRenderer mRenderer;
    /**
     * 区域高亮辅助基类。用来计算高亮区域并返回
     */
    protected ChartHighlighter mHighlighter;

    /**
     * 边界约束管理
     */
    protected ViewPortHandler mViewPortHandler;

    /**
     * 动画
     */
    protected ChartAnimator mAnimator;

    /**
     * 边距
     */
    private float mExtraTopOffset = 0.f,
            mExtraRightOffset = 0.f,
            mExtraBottomOffset = 0.f,
            mExtraLeftOffset = 0.f;

    /**
     * 默认构造
     */
    public Chart(Context context) {
        super(context);
        init();
    }

    /**
     * constructor for initialization in xml
     */
    public Chart(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    /**
     * even more awesome constructor
     */
    public Chart(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    /**
     * initialize all paints and stuff
     * 初始化函数，负责一些对象的初始化
     */
    protected void init() {
           ...略
    }

    /**
     * 设置新数据,在这里有个notify，在数据添加完之后刷新图表
     */
    public void setData(T data) {

        // let the chart know there is new data
        notifyDataSetChanged();


    }

    /**
     * 清空所有数据并刷新
     */
    public void clear() {
        mData = null;
        mIndicesToHighlight = null;
        invalidate();
    }

    /**
     * 上面是直接置空。可能是想回收，这里是清除值后刷新
     */
    public void clearValues() {
        mData.clearValues();
        invalidate();
    }

    /**
     * 判断data是否为空
     */
    public boolean isEmpty() {

        if (mData == null)
            return true;
        else {

            if (mData.getYValCount() <= 0)
                return true;
            else
                return false;
        }
    }

    /**
     * 这个方法可以让图表知道自己掌握的数据，并显示出来。
     * 需要重新进行计算
     */
    public abstract void notifyDataSetChanged();

    /**
     * 边距计算
     */
    protected abstract void calculateOffsets();

    /**
     * 最大最小y值计算抽象方法
     */
    protected abstract void calcMinMax();

    /**
     * 计算单位
     */
    protected void calculateFormatter(float min, float max)      {
    ...略
    }

    /**
     * 边距计算
     */
    private boolean mOffsetsCalculated = false;


    protected Paint mDrawPaint;

    /**
     * 主要的绘制方法
     */
    @Override
    protected void onDraw(Canvas canvas) {
        // super.onDraw(canvas);
        ...略
    }

    /**
     * 描述位置
     */
    private PointF mDescriptionPosition;

    /**
     * 绘制描述
     */
    protected void drawDescription(Canvas c) {

      ...略
    }


    /**高亮模块 支持点击高亮等各种效果。这边处理绘制还有计算*/
      ..略
    /**下面是MarkView */
        ..略

    /** 下面是动画处理 */
        ..略

    /** 动画开放方法 */

    public void animateXY(int durationMillisX, int durationMillisY, EasingFunction easingX,
                          EasingFunction easingY) {
        mAnimator.animateXY(durationMillisX, durationMillisY, easingX, easingY);
    }

    public void animateX(int durationMillis, EasingFunction easing) {
        mAnimator.animateX(durationMillis, easing);
    }

    public void animateY(int durationMillis, EasingFunction easing) {
        mAnimator.animateY(durationMillis, easing);
    }

      /** 动画开放配置 */
    public void animateXY(int durationMillisX, int durationMillisY, Easing.EasingOption easingX,
                          Easing.EasingOption easingY) {
        mAnimator.animateXY(durationMillisX, durationMillisY, easingX, easingY);
    }


    public void animateX(int durationMillis, Easing.EasingOption easing) {
        mAnimator.animateX(durationMillis, easing);
    }

    public void animateY(int durationMillis, Easing.EasingOption easing) {
        mAnimator.animateY(durationMillis, easing);
    }

    public void animateX(int durationMillis) {
        mAnimator.animateX(durationMillis);
    }


    public void animateXY(int durationMillisX, int durationMillisY) {
        mAnimator.animateXY(durationMillisX, durationMillisY);
    }
  /**在往下就是各种配置了 */
   略略略

}

它是所有图表的基类，里面是一些基础的方法，包括数据，高亮，动画，描述，空数据等公用方法的实现和抽象。保存当前图表信息等…
继承结构如下

  1. Chart(图表类基类)
    1. BarLineChartBase（柱状图折线图抽象类）
      1. BubbleChart（气泡图)
      2. CandleStickChart（烛状图）
      3. CombinedChart（复合图表)
      4. BarChart（柱状图）
      5. LineChart（折线图）
      6. ScatterChart（散点图）
    2. PieRadarChartBase(饼状图雷达图抽象类）
      1. PieChart（饼状图）
      2. RadarChart（雷达图）

根据不同的图表做了不同的实现，比如说BarLineChartBase都有一个共同的属性是XY轴，在onDraw方法中对XY轴做了绘制，BarLineChartBase还支持缩放操作。PieRadarBase是没有XY轴且不支持缩放操作，但支持旋转。所以将这两个图单独抽象了一层。
onDraw算是共有的主要方法。因为数据绘制都是在onDraw方法中的canvas上面。

下面来讲解一下MPAndroidChart的绘制过程

MPAndroidChart绘制过程

所有的绘制都做了抽象在这边基本能重用的方法就做一层抽象。
我们来看一下最底层的抽象Renderer类
Chart的绘制是经由Renderer类之手，看一下Renderer类的实现。

Render


/**
 * Abstract baseclass of all Renderers.
 * 
 * @author Philipp Jahoda
 */
public abstract class Renderer {

    /**
     * 这个变量用来存放绘制区域还有偏移量等设置
     */
    protected ViewPortHandler mViewPortHandler;

    /** 
     * X轴需要绘制的最小值
     */
    protected int mMinX = 0;

    /**
    * X轴需要绘制的最大值
    */
    protected int mMaxX = 0;

    /**
     * 这边通过构造传入ViewPortHandler
     */
    public Renderer(ViewPortHandler viewPortHandler) {
        this.mViewPortHandler = viewPortHandler;
    }

    /**
     * 这个方法用来计算当前的值是否在X的最小和最大之间
     */
    protected boolean fitsBounds(float val, float min, float max) {

        if (val < min || val > max)
            return false;
        else
            return true;
    }

    /**
     * 这个方法用来计算当前可以显示的X的大小，
     */
    public void calcXBounds(BarLineScatterCandleBubbleDataProvider dataProvider, int xAxisModulus) {

        int low = dataProvider.getLowestVisibleXIndex();
        int high = dataProvider.getHighestVisibleXIndex();

        int subLow = (low % xAxisModulus == 0) ? xAxisModulus : 0;

        mMinX = Math.max((low / xAxisModulus) * (xAxisModulus) - subLow, 0);
        mMaxX = Math.min((high / xAxisModulus) * (xAxisModulus) + xAxisModulus, (int) dataProvider.getXChartMax());
    }
}

这个类里面的方法用来确定当前视图可显示的大小，所有的Render类都继承自它。包括AxisRenderer（轴和轴值绘制），LegendRender（图例绘制）,DataRender（图表图形绘制）。
AxisRenderer，和LegendRender的实现都大同小异，DataRender属于图表绘制的抽象，因为图表的样式比较多，它扩展了一些可以供图表使用的方法，接下来主要拿DataRender来讲。

DataRender

/**
 * 这个类是Renderer的子类，用来提供一些抽象的绘制方法。
 */
public abstract class DataRenderer extends Renderer {

    /**
     * 这个对象是用来设置图表动画的
     */
    protected ChartAnimator mAnimator;

    /**
     * 初始化图表item绘制的画笔
     */
    protected Paint mRenderPaint;

    /**
     * 绘制高亮区域
     */
    protected Paint mHighlightPaint;

    /**
     * 这个没见用到
     */
    protected Paint mDrawPaint;

    /**
     * 这个用来绘制图表的文本信息
     */
    protected Paint mValuePaint;

    /**
     * 构造函数传入了动画对象ChartAnimator，控制绘制区域和偏移量的对象ViewPortHandler,里面做的是变量初始化操作
     */
    public DataRenderer(ChartAnimator animator, ViewPortHandler viewPortHandler) {
        super(viewPortHandler);
        略..
    }

    /**
     * 这个方法返回了文本绘制的画笔对象
     */
    public Paint getPaintValues() {
        return mValuePaint;
    }

    /**
     * 高亮画笔
     */
    public Paint getPaintHighlight() {
        return mHighlightPaint;
    }

    /**
     * 绘制画笔
     */
    public Paint getPaintRender() {
        return mRenderPaint;
    }

    /**
     * Applies the required styling (provided by the DataSet) to the value-paint
     * object.
     *
     * @param set
     */
    protected void applyValueTextStyle(IDataSet set) {

        mValuePaint.setTypeface(set.getValueTypeface());
        mValuePaint.setTextSize(set.getValueTextSize());
    }

    /**
     * 初始化Buffers，buffer是用来进行尺寸变换的一个类，他和transformer类配合生成实际的尺寸
     */
    public abstract void initBuffers();

    /**
     * 数据绘制抽象类
     */
    public abstract void drawData(Canvas c);

    /**
     *数值绘制抽象类
     */
    public abstract void drawValues(Canvas c);

    /**
     * 数值绘制
     */
    public void drawValue(Canvas c, ValueFormatter formatter, float value, Entry entry, int dataSetIndex, float x, float y, int color) {
        mValuePaint.setColor(color);
        c.drawText(formatter.getFormattedValue(value, entry, dataSetIndex, mViewPortHandler), x, y, mValuePaint);
    }

    /**
     * 这个是为LineChart 或者PieChart等设计的附加绘制。因为lineChart需要为每个点进行绘制，PieChart可能需要绘制中间圆形等。
     * @param c
     */
    public abstract void drawExtras(Canvas c);

    /**
     * 绘制高亮数据
     */
    public abstract void drawHighlighted(Canvas c, Highlight[] indices);
}

DataRender里面的方法大致如下
1. 图表的绘制抽象方法 (drawData)
2. 数值绘制的抽象方法 (drawValues)
3. 数值绘制方法（drawValue）
4. 图表高亮抽象方法（drawHighlighted）
5. 动画对象和画笔对象的初始化(构造函数)

看一下BarChartRender的实现

BarChartRender


public class BarChartRenderer extends DataRenderer {
    /**
     * BarDataProvider这个类中存放了所有的barData，还有一些类似于阴影，数值位置，高亮箭头等。
     */
    protected BarDataProvider mChart;

    /** the rect object that is used for drawing the bars
     *  这个是用来设置每条bar的大小。主要是用做高亮绘制
     */
    protected RectF mBarRect = new RectF();
    /**
     * 声明buffer的数组
     */
    protected BarBuffer[] mBarBuffers;
    /**
     * 阴影画笔
     */
    protected Paint mShadowPaint;
    /**
     * 边框画笔
     */
    protected Paint mBarBorderPaint;

    /**
     * 构造函数传入了BarDataProvider,动画类，显示位置控制类，初始化了绘制所需的画笔
     */
    public BarChartRenderer(BarDataProvider chart, ChartAnimator animator,
            ViewPortHandler viewPortHandler) {
        super(animator, viewPortHandler);
        this.mChart = chart;

        mHighlightPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mHighlightPaint.setStyle(Paint.Style.FILL);
        mHighlightPaint.setColor(Color.rgb(0, 0, 0));
        // set alpha after color
        mHighlightPaint.setAlpha(120);

        mShadowPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mShadowPaint.setStyle(Paint.Style.FILL);

        mBarBorderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mBarBorderPaint.setStyle(Paint.Style.STROKE);
    }

    /**
     * 初始化Buffer
     */
    @Override
    public void initBuffers() {

        BarData barData = mChart.getBarData();
        mBarBuffers = new BarBuffer[barData.getDataSetCount()];

        for (int i = 0; i < mBarBuffers.length; i++) {
            IBarDataSet set = barData.getDataSetByIndex(i);
            mBarBuffers[i] = new BarBuffer(set.getEntryCount() * 4 * (set.isStacked() ? set.getStackSize() : 1),
                    barData.getGroupSpace(),
                    barData.getDataSetCount(), set.isStacked());
        }
    }

    /**
     * 绘制图表
     * @param c
     */
    @Override
    public void drawData(Canvas c) {

        BarData barData = mChart.getBarData();

        for (int i = 0; i < barData.getDataSetCount(); i++) {

            IBarDataSet set = barData.getDataSetByIndex(i);

            if (set.isVisible() && set.getEntryCount() > 0) {
                drawDataSet(c, set, i);
            }
        }
    }

    /**
     * 根据每个dataset绘制图表
     */
    protected void drawDataSet(Canvas c, IBarDataSet dataSet, int index) {
       ...略
    }

    /**
     * 准备高亮的区域
     */
    protected void prepareBarHighlight(float x, float y1, float y2, float barspaceHalf,
            Transformer trans) {

        float barWidth = 0.5f;

        float left = x - barWidth + barspaceHalf;
        float right = x + barWidth - barspaceHalf;
        float top = y1;
        float bottom = y2;

        mBarRect.set(left, top, right, bottom);

        trans.rectValueToPixel(mBarRect, mAnimator.getPhaseY());
    }

    /**
     * 绘制数值  一系列的计算
     */
    @Override
    public void drawValues(Canvas c) {
         略...     }

    /**
     * 绘制高亮  一系列的计算
     */
    @Override
    public void drawHighlighted(Canvas c, Highlight[] indices) {
            略...
    }

    public float[] getTransformedValues(Transformer trans, IBarDataSet data,
            int dataSetIndex) {
        return trans.generateTransformedValuesBarChart(data, dataSetIndex,
                mChart.getBarData(),
                mAnimator.getPhaseY());
    }

    /**
     * 检查是否为可显示的值
     * @return
     */
    protected boolean passesCheck() {
        return mChart.getBarData().getYValCount() < mChart.getMaxVisibleCount()
                * mViewPortHandler.getScaleX();
    }

    /**
     * 绘制其他
     * @param c
     */
    @Override
    public void drawExtras(Canvas c) { }
}

可以看到里面就是图表项和文本绘制的具体实现了，主要方法是drawvalues方法，大致就是一些通过一些方法计算每条bar的值，然后进行绘制。

总结

在这边简单讲解一下设计的方法。因为所有的Chart都继承了ViewGroup，实现了View的onMeasure,onDraw,onLayout，onSizeChanged方法，所以它是可以像自定义控件一样来使用。
View的绘制都再Render中实现，不同图表实现了不同的Render，继承结构大概如下：

  1. Render基类
    1. AxisRender（轴绘制）
    2. DataRender（图表绘制抽象类）
      1. CombinedChartRender（复合图表绘制，这个类是3.0版本添加的，可以展示折线图，柱状图，散点图等混合）
      2. BubbleChartRenderer(气泡图绘制)
      3. BarChartRender(柱状图绘制)
      4. LineScatterCandleRadarRenderer（折线图，散点图，烛状图，雷达图抽象类）
        1. LineRadarRenderer（折线图，雷达图抽象）
          1. LineChartRender(折线图绘制类)
          2. RadarChartRender(雷达图绘制类)
        2. ScatterChartRender(散点图绘制)
        3. CandleStickChartRenderer（烛状图绘制）
    3. LegendRender（图例绘制）

在不同的图表构造中初始化不同的将mRender对象初始化成不同的图表的Render对象，这里传入的参数有
1. 不同图表的DataProvider（DataProvider是一个接口，实现了获取Y轴方向（左或右），和获取数据的方法）。
2. ChartAnimator这是一个动画类，执行动画效果
3. ViewPortHandler 图表信息类，包括边距，大小，转换等级（缩放）
之后这些Render类就根据自己的实现在canvas上面绘制东西了。

其他补充

由于很好奇它的点击事件是怎么实现的，这边也看了一下它的点击事件。
每个图表写了自己的TouchListener
在构造中需要传入的参数有
1. 图表大小的矩阵（用来计算缩放等级，还有当前点击事件位置）
2. 图表对象

之后根据Touch事件判断相应的手势或者点击，触摸事件作出反应（点击，手势缩放，移动等）。调用View的postInvalidate 方法通知刷新。

幕涩
关注
专栏目录
基于MPAndroidChart的自定义LineChart（一）----节点绘制叉号+分段绘制背景
w2_2015的博客
07-13 2599
MPAndroidChart是Android平台上一款强大易用的图表库，支持线状图、柱状图、散点图等八种图表类型和缩放、拖动(平移)、选择等手势，还支持动画和高亮等功能。但是别人给好的功能毕竟只能满足一般功能，一个程序员最基本的能力就应该是根据需求做出自定义的功能了，这里我对MPAndroidChart进行一些改造
MPAndroidChart绘制曲线图、柱状图总结，真香系列
m0_61417864的博客
09-06 1094
YAxis yAxis = mChart.getAxisLeft(); //设置x轴的最大值 yAxis.setAxisMaximum(yMax); // 设置y轴的最大值 yAxis.setAxisMinimum(yMin); // 不显示y轴 yAxis.setDrawAxisLine(false); // 设置y轴数据的位置 yAxis.setPosition(YAxis.YAxisLabelPosition.OUTSIDE_CHART); // 不从y轴发出横向直线 yAxis.setDrawGri
MpAndroidChart柱状图自定义
01-29
现在只能设置最低分2分，本来不想要分的，MpAndroidChart柱状图自定义，介绍了包括X轴自定义，Y轴自定义，Value值自定义，详见博客： http://blog.csdn.net/yy11534/article/details/79191369
MPAndroidChart添加自定义样式
xiaolongonly的博客
12-06 7525
title: MPAndroid需求定制 date: 2016-12-06 14:08:11 tags: - 学习 - MPAndroidChart之前为添加XY轴描述大伤脑筋，因为如果用原生的TextView在图表控件的上方和下方分别作为XY轴加了Legend之后效果会差很多，如果绘制在图表上方又不好控制位置。如果能在图表里面绘制一个就好了，然后发现了图表有Legend的绘制，
MPAndroidChart 源码分析
最新发布
u010870679的博客
07-01 1217
MPAndroidChart 是一个强大的 Android 图表绘制库，支持多种图表类型，如折线图、柱状图、饼图等。它提供了丰富的自定义选项，能够满足大部分移动应用的数据可视化需求。本技术文档将深入分析 MPAndroidChart 的源码，揭示其内部实现原理。
MPAndroidChart 运动数据图表自定义
m0_64420071的博客
09-01 731
本系列之前的文章介绍的MPChart中BarChart相关的一些绘制，接下来我们看看LineChart相关的绘制。这里以实际的运动相关的图表数据做业务支撑来讲解。MPChart图表支持多指触控方法，这里所有的图表自定义都关掉了这个属性，这样就减少Transformer，以及绘制过程中的更多的变动，相当于一个静态的图。通常图表在放大的过程中，坐标轴也会随之展现更小的刻度，复杂度就变高了，具体的显示的刻度就可能出现小数之类的等情况。
MPAndroidChart项目实战（七）——自定义横向柱状图
行动者&&职业化
08-16 9922
一丶效果演示 二丶需求分析技术点 1.产品要求，显示每个品类的占比，切形成对比 2.MPAndroidChart可行性分析，可行，运用横向柱状图，设置最大值为100%，坐等设计图 3.MPAndroidChart实战问题分析 1）.当品类多平分100%时，柱状图太少不好看，处理方式，最大值为百分比最大值，问题解决 2 ).品类名称长短不一时，对齐方式，无法解决，不得不弃疗 4
Android利用MPAndroidChart绘制曲线图表的基础教程
01-05
前言 最近看了一下 Android 上的图表控件，去年做过一款应用也已上架了，也用到了图表控件，但是只是...基本上 start 从高到低的图表控件就是 MPAndroidChart、hellocharts-android、WilliamChart、XCL-Charts、EazeGra
Android中MPAndroidChart自定义绘制最高点标识的方法
01-04
MPAndroidChart是一款基于Android的开源图表库，MPAndroidChart不仅可以在Android设备上绘制各种统计图表，而且可以对图表进行拖动和缩放操作，应用起来非常灵活。MPAndroidChart显得更为轻巧和简单，拥有常用的图表...
MPAndroidCharts
12-28
MPAndroidCharts 模仿百度手机助手动态折线图
使用MPAndroidChart实现K线图(2)——自定义XY轴
浅澜的博客
08-20 4816
目录 使用MPAndroidChart实现K线图(1)——基本用法 使用MPAndroidChart实现K线图(2)——自定义XY轴 使用MPAndroidChart实现K线图(3)——自定义柱状图 使用MPAndroidChart实现K线图(4)——图表联动、加载更多 使用MPAndroidChart实现K线图(5)——高亮联动、横竖屏切换 MPAndroidChart中的X轴和Y轴...
Android图表库MPAndroidChart(一)——了解他的本质，方能得心应手
weixin_34310369的博客
11-16 588
Android图表库MPAndroidChart(一)——了解他的本质，方能得心应手 我们项目中经常会遇到一些统计图，比如折线图，线形图等，在一些运动健康类的App中尤其的常见，这画起来要命，我以前就是自己手撸了这么多，但是撸完却并没有很深的感悟i，感觉，自己白撸了一样，懊恼，经常去搜索，Google也好，百度也罢，都是些标题党，什么最简单的，一招...
MPAndroidChart之自定义高亮区域
清风哥哥的专栏
01-10 2742
MPAndroidChart 是Android开源库中最为著名的一个图标库，功能齐全，拓展性强，在github上start量超过25K，fork量超过6K。 由于MPAndroidChart开源Demo中的原型过于不太吸引广大用户的眼球，往往在开发过程中需要自定义一些效果，例如现在要讲的高亮效果，以Demo中的BarChart高亮效果为例，只覆盖在Bar所绘制的区域，如果想要改变这个区域，那么我们...
android折线图,Android绘制简单折线图的步骤
weixin_39628551的博客
05-27 880
参考：http://www.cnblogs.com/youxilua/archive/2012/01/18/2325132.html初学者注意：要把libs文件夹做些什么---libs文件夹，右键 Build Path -> Use as source folder1、使用Android绘图工具库AChartEngine2、绘制折线图的代码解析关于工具库AChartEngine是...
在项目中使用MPAndroidChart遇到的问题
热门推荐
Maxwell
05-19 1万+
在项目中使用MPAndroidChart遇到的问题 MPAndroidChart的github地址: https://github.com/PhilJay/MPAndroidChart 个人认为比helloCharts强大很多.,不要问为啥. 问题一: 绘制折线图LineChart时, 最右侧的垂线不显示. 效果图是这样的 但是画出来的时候最后一根Y轴现却显示不出来,而且X轴的坐标超出
MPAndroidChart相关API使用说明
文韬武略的专栏
11-02 1032
开源项目MPAndroidChart的相关使用说明，非常强大的一个开源库。 https://github.com/PhilJay/MPAndroidChart 1. xx.setViewPortOffsets 设置图表图表位置，因为有时候我们的图表可能数值有被遮挡住的问题 2. 设置左边Y轴在图表中完全显示 首先设置 axisLeft. setPosition(YAxisLabelPosition.INSIDE_CHART) 这个时候顶部和底部的刻度显示会被挡住部分，而且不是完全在
android 清理缓存动画,Android仿微信清理内存图表动画（解决surfaceView屏幕闪烁问题）demo实例详解...
weixin_42591413的博客
05-25 583
最近接了一个项目其中有功能要实现一个清理内存，要求和微信的效果一样。于是想到用surfaceView而不是继承view。下面小编给大家解析下实现思路。surfaceView是为了解决频繁绘制动画产生了闪烁，而采用了双缓冲机制，即A、B两个缓冲轮流显示在画布上，同时，使用不当，同样容易产生闪烁，这是由于A、B中有一个缓冲没有改变。在我写这个view的时候就遇到了这个问题，研究了好久终于解决。首先说一...
Android中使用MPAndroidChart-3绘制图表的基本使用--自学自学笔记
qq_52211982的博客
12-20 2060
关于使用MPAndroidChart-3.1.0绘制饼状图，柱状图，多柱图，符合图等图表的基本使用
MpAndroidChart绘制饼状图
04-04
1. 添加依赖 在项目的build.gradle文件中添加以下依赖： ``` dependencies { implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0' } ``` 2. 在布局中添加PieChart视图 ...运行程序，即可看到绘制的饼状图。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值