距離上次發(fā)布關(guān)于 MPAndroidChart 的文章已經(jīng)過去一個多月了曹抬，項目中新增了一個需求玛界，看起來很簡單棵逊。就是在最高點繪制矩形框伤疙，標(biāo)識最高點的數(shù)值，同時最高點處繪制一個小圈圈辆影，以及繪制平均數(shù)值線徒像，如下圖所示：
看起來很簡單，在 MPAndroidChart 的 demo 中也有 LineChart 具有小圓圈的和顯示數(shù)值的蛙讥，不過只在最高點繪制似乎是沒有锯蛀，并且也無法控制小空心圈圈的大小，所以只能自定義繪制了次慢。
在 LineChart 中自定義渲染繪制需要自定義一個 Render旁涤，繼承于 LineChartRenderer，然后重寫 drawValues 方法迫像。
接下來說說一個 LineChart 的基本構(gòu)成劈愚，每一個點都是一個 Entry，其兩個參數(shù)分別是 X 軸和 Y 軸的值闻妓，X 軸的必須為整型菌羽，Y 軸的是浮點型。LineDataSet 是由很多個點構(gòu)成由缆，所以其參數(shù)是 ArrayList<Entry>注祖，LineDataSet 能控制線的顏色和背景顏色，是否顯示小圈圈均唉，是否顯示每個點的數(shù)值標(biāo)簽是晨，遺憾的是不能精確到每個點，也就有了本文舔箭，再之上就是 LineData 了罩缴，其參數(shù)是 LineDataSet ，在此我默認(rèn)每個 LineChart 只有一組曲線圖，所以在 drawValues 中可以獲取 LineDataSet 以及 ArrayList<Entry> ：
LineDataSet dataSet = (LineDataSet) mChart.getLineData().getDataSetByIndex(0);
List<Entry> entries = dataSet.getValues();
然后對 ArrayList<Entry> 遍歷靴庆，找到最大值时捌，然后獲取其 (X,Y) 軸的值，通過 MPAndroidChart 的內(nèi)置方法找到點在 Canvas 中的 (X,Y) 點的值炉抒。
Transformer trans = mChart.getTransformer(dataSet.getAxisDependency());
MPPointD pointD = trans.getPixelForValues(max_x, max_y);
接下來就可以在這個位置上繪制小圈圈奢讨，涉及到一點 Android Canvas 姿勢，這類的文章網(wǎng)上很多焰薄，我以前做過 C# WinForm GDI+ 相關(guān)的一些項目拿诸，對畫圖這塊略知一二理解起來尚不費力：
Paint paintDrawPointFill = new Paint(Paint.ANTI_ALIAS_FLAG);
paintDrawPointFill.setStyle(Paint.Style.FILL);
paintDrawPointFill.setColor(Color.WHITE);
c.drawCircle((float) pointD.x, (float) pointD.y, ScreenUnit.dp2px(context, 6),paintDrawPointFill);
接下來繪制最大值文字和實心圓角矩形，我的思路是先繪制文字塞茅，測量出文字的高度和寬度亩码，再在寬度分別左右加上邊距然后繪制實心圓角矩形。
String textTag="文字內(nèi)容";
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setTextSize(ScreenUnit.dp2px(context, 12));
paint.setColor(igsLineConfig.getMainColor());
Rect rectTextBounds = new Rect();
paint.getTextBounds(textTag, 0, textTag.length(), rectTextBounds);
獲取文字的寬和高：
int textWidth = (rectTextBounds.right - rectTextBounds.left);
int textHeight = (rectTextBounds.bottom - rectTextBounds.top);
然后為了適配能讓文字和矩形上下左右均保持一定距離野瘦，就類似于 Padding描沟，增加兩個參數(shù) OffsetX 和 OffsetY 兩個參數(shù)，然后重新實例化一個矩形需要的坐標(biāo)系統(tǒng)：
RectF rectF = new RectF((int) offset_x - textOffset,
(int) offset_y - textHeight - textOffset,
(int) offset_x + textWidth + textOffset,
(int) offset_y + textOffset);
繪制圓角矩形：
c.drawRoundRect(rectF, igsLineConfig.getCorner(), igsLineConfig.getCorner(), paint);
還需要重新實現(xiàn)一個 LineChart鞭光，指定它的渲染為我們剛才實現(xiàn)對 LineChartRenderer 的實現(xiàn)吏廉，繼承 LineChart ，重寫 init 方法：
@Override
protected void init() {
super.init();
WindowManager wm = (WindowManager)getContext().getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics metrics = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(metrics);
MyChartDataRender dataRender = new MyChartDataRender(this, mAnimator, mViewPortHandler, metrics.widthPixels, tag);
dataRender.context = getContext();
dataRender.igsLineConfig = IgsChartConfigSingleton.instance.getIgsAltitudeLineConfig();
mRenderer = dataRender;
}
如果需要對 Canvas 繪制時做一些控制惰许，或者傳遞一些參數(shù)席覆，都可以在這個實現(xiàn)中去定義，比如我需要手動指定最大值的標(biāo)簽顯示等：
private double maxValue;
public double getMaxValue() {
return maxValue;
}
public void setMaxValue(double maxValue) {
this.maxValue = maxValue;
}
如果在 Render 的實現(xiàn)類中需要用到汹买，可以獲取圖表對象佩伤，然后強轉(zhuǎn)為我們寫的實現(xiàn)類：
public void drawValues(Canvas c) {
super.drawValues(c);
MyLineChart chartInstance = (MyLineChart) mChart;
}
至此就完成了最高點的標(biāo)識繪制了，還可以不用計算最高點值晦毙。改進(jìn)這個 LineChart 的實現(xiàn)生巡，自定義背景和前景都可以，然后共用一個 Render结序，話不多說障斋，上個圖。
畫平均線很簡單徐鹤，已經(jīng)內(nèi)置了實現(xiàn)，你要做的就是計算出所有的 Y 軸的值的平均值邀层，或者數(shù)值如果來源于接口中返敬，直接設(shè)置就可以。
LimitLine avgLine = new LimitLine((float) navg);
avgLine.enableDashedLine(5.0f, 3.0f, 3.0f);
avgLine.setLineColor(Color.parseColor("#33CC33"));
lineChart1.getAxisLeft().addLimitLine(avgLine);
OK寥院，對 MPAndroidChart 的了解又更深一步了劲赠！
