說明：下文中的bug已經在MPAndroidChart餅圖(PieChart)Value值重疊的解決方法（二）中完美解決了，可以去看看。
先看下前后對比的效果圖
修改前.jpg
修改后.jpg
背景
項目做完出來的時候，我就發現了這個問題，奈何在網上沒找解決辦法，而我又是個Android渣渣，本來準備蒙混過關的，可是測試一定要我改，沒辦法只能看看MPAndroidChart里的可能涉及到的源碼，看下能不能改好。所以，如果有不對和優化的地方，希望大家能指出，相互進步。
已知bug
（已經在MPAndroidChart餅圖(PieChart)Value值重疊的解決方法（二）中解決了）
PieChart不能設置為可以轉動，即pieChart.setRotationEnabled(false);要設置成false，如果轉動，會在轉動的時候導致值的位置錯亂，知道怎么解決的同學請指點，有空我也看看能不能解決。
思路
網上有一個解決方案是，把占比較小部分的值不顯示出來，但是博主也說，還是會有重疊的可能，不過大家可以看下地址
我的思路是，每次都記住上一個值Y方向位置，和這次對比，如果間距小于了值字體的高度，則改變本次畫值的位置
實現步驟
- 通過觀察原生態的PieChart，發現餅圖繪制過程，其實畫值的過程是由
mRenderer實現的，如下：
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (mData == null)
return;
mRenderer.drawData(canvas);
if (valuesToHighlight())
mRenderer.drawHighlighted(canvas, mIndicesToHighlight);
mRenderer.drawExtras(canvas);
mRenderer.drawValues(canvas);
mLegendRenderer.renderLegend(canvas);
drawDescription(canvas);
drawMarkers(canvas);
}
所以，我們只需要修改mRenderer中畫圖的實現步驟就好了，那我們就需要把這個mRenderer替換成我們自己定義的PieChartRenderer，而mRenderer又是在下面這個方法中初始化的：
@Override
protected void init() {
super.init();
mRenderer = new PieChartRenderer(this, mAnimator, mViewPortHandler);
mXAxis = null;
mHighlighter = new PieHighlighter(this);
}
因為我沒找到可以直接設置mRenderer的方法，所以我們需要自己創建一個PieChart的子類，重寫init()方法，讓mRenderer變成我們自己的PieChartRenderer。
- 先創建我們自己的PieChartRenderer吧，創建一個類繼承PieChartRenderer，有一個被注釋的
drawValues(Canvas c)方法是餅圖左右兩邊上邊對其，效果可以自己打開試下（因為我感覺遍歷了太多次，所以就沒有使用），其他的代碼中關鍵部分都有說明，就不細說了，代碼如下：
public class MyPieChartRenderer extends PieChartRenderer {
private static final String TAG = "MyPieChartRenderer";
public MyPieChartRenderer(PieChart chart, ChartAnimator animator, ViewPortHandler viewPortHandler) {
super(chart, animator, viewPortHandler);
}
String text = "2.0%";
/**
* 這個方法，左邊是從下往上畫，右邊是從上往下畫
* @param c
*/
@Override
public void drawValues(Canvas c) {
Rect rect = new Rect();
getPaintEntryLabels().getTextBounds(text, 0, text.length(), rect);
int textHeight = rect.height();//文本的高度
MPPointF center = mChart.getCenterCircleBox();
// get whole the radius
float radius = mChart.getRadius();
float rotationAngle = mChart.getRotationAngle();
float[] drawAngles = mChart.getDrawAngles();
float[] absoluteAngles = mChart.getAbsoluteAngles();
float phaseX = mAnimator.getPhaseX();
float phaseY = mAnimator.getPhaseY();
final float holeRadiusPercent = mChart.getHoleRadius() / 100.f;
float labelRadiusOffset = radius / 10f * 3.6f;
if (mChart.isDrawHoleEnabled()) {
labelRadiusOffset = (radius - (radius * holeRadiusPercent)) / 2f;
}
final float labelRadius = radius - labelRadiusOffset;
PieData data = mChart.getData();
List<IPieDataSet> dataSets = data.getDataSets();
float yValueSum = data.getYValueSum();
boolean drawEntryLabels = mChart.isDrawEntryLabelsEnabled();
float angle;
int xIndex = 0;
c.save();
float offset = Utils.convertDpToPixel(5.f);
for (int i = 0; i < dataSets.size(); i++) {
IPieDataSet dataSet = dataSets.get(i);
final boolean drawValues = dataSet.isDrawValuesEnabled();
if (!drawValues && !drawEntryLabels)
continue;
final PieDataSet.ValuePosition xValuePosition = dataSet.getXValuePosition();
final PieDataSet.ValuePosition yValuePosition = dataSet.getYValuePosition();
// apply the text-styling defined by the DataSet
applyValueTextStyle(dataSet);
float lineHeight = Utils.calcTextHeight(mValuePaint, "Q")
+ Utils.convertDpToPixel(4f);
IValueFormatter formatter = dataSet.getValueFormatter();
int entryCount = dataSet.getEntryCount();
mValueLinePaint.setColor(dataSet.getValueLineColor());
mValueLinePaint.setStrokeWidth(Utils.convertDpToPixel(dataSet.getValueLineWidth()));
final float sliceSpace = getSliceSpace(dataSet);
MPPointF iconsOffset = MPPointF.getInstance(dataSet.getIconsOffset());
iconsOffset.x = Utils.convertDpToPixel(iconsOffset.x);
iconsOffset.y = Utils.convertDpToPixel(iconsOffset.y);
float lastPositionOfLeft = 0;
float lastPositionOfRight = 0;
for (int j = 0; j < entryCount; j++) {
PieEntry entry = dataSet.getEntryForIndex(j);
if (xIndex == 0)
angle = 0.f;
else
angle = absoluteAngles[xIndex - 1] * phaseX;
final float sliceAngle = drawAngles[xIndex];
final float sliceSpaceMiddleAngle = sliceSpace / (Utils.FDEG2RAD * labelRadius);
// offset needed to center the drawn text in the slice
final float angleOffset = (sliceAngle - sliceSpaceMiddleAngle / 2.f) / 2.f;
angle = angle + angleOffset;
final float transformedAngle = rotationAngle + angle * phaseY;
float value = mChart.isUsePercentValuesEnabled() ? entry.getY()
/ yValueSum * 100f : entry.getY();
final float sliceXBase = (float) Math.cos(transformedAngle * Utils.FDEG2RAD);
final float sliceYBase = (float) Math.sin(transformedAngle * Utils.FDEG2RAD);
final boolean drawXOutside = drawEntryLabels &&
xValuePosition == PieDataSet.ValuePosition.OUTSIDE_SLICE;
final boolean drawYOutside = drawValues &&
yValuePosition == PieDataSet.ValuePosition.OUTSIDE_SLICE;
final boolean drawXInside = drawEntryLabels &&
xValuePosition == PieDataSet.ValuePosition.INSIDE_SLICE;
final boolean drawYInside = drawValues &&
yValuePosition == PieDataSet.ValuePosition.INSIDE_SLICE;
if (drawXOutside || drawYOutside) {
final float valueLineLength1 = dataSet.getValueLinePart1Length();
final float valueLineLength2 = dataSet.getValueLinePart2Length();
final float valueLinePart1OffsetPercentage = dataSet.getValueLinePart1OffsetPercentage() / 100.f;
float pt2x, pt2y;
float labelPtx, labelPty;
float line1Radius;
if (mChart.isDrawHoleEnabled())
line1Radius = (radius - (radius * holeRadiusPercent))
* valueLinePart1OffsetPercentage
+ (radius * holeRadiusPercent);
else
line1Radius = radius * valueLinePart1OffsetPercentage;
final float polyline2Width = dataSet.isValueLineVariableLength()
? labelRadius * valueLineLength2 * (float) Math.abs(Math.sin(
transformedAngle * Utils.FDEG2RAD))
: labelRadius * valueLineLength2;
final float pt0x = line1Radius * sliceXBase + center.x;
final float pt0y = line1Radius * sliceYBase + center.y;
final float pt1x = labelRadius * (1 + valueLineLength1) * sliceXBase + center.x;
final float pt1y = labelRadius * (1 + valueLineLength1) * sliceYBase + center.y;
//左右算法不一樣,左邊是從下往上排的，即你可以理解為餅圖是順時針方向，從零點排到12點的360度圓形，建議先看else里的，即右邊的，方便理解
if (transformedAngle % 360.0 >= 90.0 && transformedAngle % 360.0 <= 270.0) {//左邊部分
// pt2x = pt1x - polyline2Width;
pt2x = center.x - radius - 5;
if (lastPositionOfLeft == 0) {//第一個不用管
pt2y = pt1y;
} else {
if (lastPositionOfLeft - pt1y < textHeight) {//如果上一個labley的位置減去計算出的pt1y的位置間距小于lable的高度，則需要在計算出的y基礎上加上差的間距
pt2y = pt1y - (textHeight - (lastPositionOfLeft - pt1y));//例如：lable高度5，計算出的pt1y位置10，上一個labley的位置12，則間距只有lastPositionOfRight-pt1y=2，還需要減去少的textHeight-(lastPositionOfRight-pt1y)=3才行
} else {
pt2y = pt1y;
}
}
lastPositionOfLeft = pt2y;//記錄上一個lableY方向的位置
mValuePaint.setTextAlign(Paint.Align.RIGHT);
if (drawXOutside)
getPaintEntryLabels().setTextAlign(Paint.Align.RIGHT);
labelPtx = pt2x - offset;
labelPty = pt2y;
} else {//右邊部分
// pt2x = pt1x + polyline2Width;
pt2x = center.x + radius + 5;
if (lastPositionOfRight == 0) {//第一個不用管
pt2y = pt1y;
} else {
if (pt1y - lastPositionOfRight < textHeight) {//如果計算出的pt1y的位置減去上一個labley的位置間距小于lable的高度，則需要在計算出的y基礎上加上差的間距
pt2y = pt1y + (textHeight - (pt1y - lastPositionOfRight));//例如：lable高度5，計算出的pt1y位置10，上一個labley的位置8，則間距只有pt1y-lastPositionOfRight=2，還需要加上少的textHeight-(pt1y-lastPositionOfRight)=3才行
} else {
pt2y = pt1y;
}
}
lastPositionOfRight = pt2y;//記錄上一個lableY方向的位置
mValuePaint.setTextAlign(Paint.Align.LEFT);
if (drawXOutside)
getPaintEntryLabels().setTextAlign(Paint.Align.LEFT);
labelPtx = pt2x + offset;
labelPty = pt2y;
}
if (dataSet.getValueLineColor() != ColorTemplate.COLOR_NONE) {
c.drawLine(pt0x, pt0y, pt1x, pt1y, mValueLinePaint);
c.drawLine(pt1x, pt1y, pt2x, pt2y, mValueLinePaint);
}
// draw everything, depending on settings
if (drawXOutside && drawYOutside) {
drawValue(c,
formatter,
value,
entry,
0,
labelPtx,
labelPty,
dataSet.getValueTextColor(j));
if (j < data.getEntryCount() && entry.getLabel() != null) {
drawEntryLabel(c, entry.getLabel(), labelPtx, labelPty + lineHeight);
}
} else if (drawXOutside) {
if (j < data.getEntryCount() && entry.getLabel() != null) {
drawEntryLabel(c, entry.getLabel(), labelPtx, labelPty + lineHeight / 2.f);
}
} else if (drawYOutside) {
drawValue(c, formatter, value, entry, 0, labelPtx, labelPty + lineHeight / 2.f, dataSet
.getValueTextColor(j));
}
}
if (drawXInside || drawYInside) {
// calculate the text position
float x = labelRadius * sliceXBase + center.x;
float y = labelRadius * sliceYBase + center.y;
mValuePaint.setTextAlign(Paint.Align.CENTER);
// draw everything, depending on settings
if (drawXInside && drawYInside) {
drawValue(c, formatter, value, entry, 0, x, y, dataSet.getValueTextColor(j));
if (j < data.getEntryCount() && entry.getLabel() != null) {
drawEntryLabel(c, entry.getLabel(), x, y + lineHeight);
}
} else if (drawXInside) {
if (j < data.getEntryCount() && entry.getLabel() != null) {
drawEntryLabel(c, entry.getLabel(), x, y + lineHeight / 2f);
}
} else if (drawYInside) {
drawValue(c, formatter, value, entry, 0, x, y + lineHeight / 2f, dataSet.getValueTextColor(j));
}
}
if (entry.getIcon() != null && dataSet.isDrawIconsEnabled()) {
Drawable icon = entry.getIcon();
float x = (labelRadius + iconsOffset.y) * sliceXBase + center.x;
float y = (labelRadius + iconsOffset.y) * sliceYBase + center.y;
y += iconsOffset.x;
Utils.drawImage(
c,
icon,
(int) x,
(int) y,
icon.getIntrinsicWidth(),
icon.getIntrinsicHeight());
}
xIndex++;
}
MPPointF.recycleInstance(iconsOffset);
}
MPPointF.recycleInstance(center);
c.restore();
}
/**
* 這個方法，是兩側都上往下排列，保證上面整齊
*/
// @Override
// public void drawValues(Canvas c) {
//
//
// Rect rect = new Rect();
// getPaintEntryLabels().getTextBounds(text, 0, text.length(), rect);
// int textHeight = rect.height();//文本的高度
//
// MPPointF center = mChart.getCenterCircleBox();
//
// // get whole the radius
// float radius = mChart.getRadius();
// float rotationAngle = mChart.getRotationAngle();
// float[] drawAngles = mChart.getDrawAngles();
// float[] absoluteAngles = mChart.getAbsoluteAngles();
//
// float phaseX = mAnimator.getPhaseX();
// float phaseY = mAnimator.getPhaseY();
//
// final float holeRadiusPercent = mChart.getHoleRadius() / 100.f;
// float labelRadiusOffset = radius / 10f * 3.6f;
//
// if (mChart.isDrawHoleEnabled()) {
// labelRadiusOffset = (radius - (radius * holeRadiusPercent)) / 2f;
// }
//
// final float labelRadius = radius - labelRadiusOffset;
//
// PieData data = mChart.getData();
// List<IPieDataSet> dataSets = data.getDataSets();
//
// float yValueSum = data.getYValueSum();
//
// boolean drawEntryLabels = mChart.isDrawEntryLabelsEnabled();
//
// float angle;
// int xIndex = 0;
//
// c.save();
//
// float offset = Utils.convertDpToPixel(5.f);
//
// for (int i = 0; i < dataSets.size(); i++) {
//
// IPieDataSet dataSet = dataSets.get(i);
//
// final boolean drawValues = dataSet.isDrawValuesEnabled();
//
// if (!drawValues && !drawEntryLabels)
// continue;
//
// final PieDataSet.ValuePosition xValuePosition = dataSet.getXValuePosition();
// final PieDataSet.ValuePosition yValuePosition = dataSet.getYValuePosition();
//
// // apply the text-styling defined by the DataSet
// applyValueTextStyle(dataSet);
//
// float lineHeight = Utils.calcTextHeight(mValuePaint, "Q")
// + Utils.convertDpToPixel(4f);
//
// IValueFormatter formatter = dataSet.getValueFormatter();
//
// int entryCount = dataSet.getEntryCount();
//
// mValueLinePaint.setColor(dataSet.getValueLineColor());
// mValueLinePaint.setStrokeWidth(Utils.convertDpToPixel(dataSet.getValueLineWidth()));
//
// final float sliceSpace = getSliceSpace(dataSet);
//
// MPPointF iconsOffset = MPPointF.getInstance(dataSet.getIconsOffset());
// iconsOffset.x = Utils.convertDpToPixel(iconsOffset.x);
// iconsOffset.y = Utils.convertDpToPixel(iconsOffset.y);
//
// float lastPositionOfLeft = 0;
// float lastPositionOfRight = 0;
//
// //畫右邊
// for (int j = 0; j < entryCount; j++) {
//
// PieEntry entry = dataSet.getEntryForIndex(j);
//
// if (xIndex == 0)
// angle = 0.f;
// else
// angle = absoluteAngles[xIndex - 1] * phaseX;
//
// final float sliceAngle = drawAngles[xIndex];
// final float sliceSpaceMiddleAngle = sliceSpace / (Utils.FDEG2RAD * labelRadius);
//
// // offset needed to center the drawn text in the slice
// final float angleOffset = (sliceAngle - sliceSpaceMiddleAngle / 2.f) / 2.f;
//
// angle = angle + angleOffset;
//
// final float transformedAngle = rotationAngle + angle * phaseY;
//
// float value = mChart.isUsePercentValuesEnabled() ? entry.getY()
// / yValueSum * 100f : entry.getY();
//
// final float sliceXBase = (float) Math.cos(transformedAngle * Utils.FDEG2RAD);
// final float sliceYBase = (float) Math.sin(transformedAngle * Utils.FDEG2RAD);
//
// final boolean drawXOutside = drawEntryLabels &&
// xValuePosition == PieDataSet.ValuePosition.OUTSIDE_SLICE;
// final boolean drawYOutside = drawValues &&
// yValuePosition == PieDataSet.ValuePosition.OUTSIDE_SLICE;
// final boolean drawXInside = drawEntryLabels &&
// xValuePosition == PieDataSet.ValuePosition.INSIDE_SLICE;
// final boolean drawYInside = drawValues &&
// yValuePosition == PieDataSet.ValuePosition.INSIDE_SLICE;
//
// if (drawXOutside || drawYOutside) {
//
// final float valueLineLength1 = dataSet.getValueLinePart1Length();
// final float valueLineLength2 = dataSet.getValueLinePart2Length();
// final float valueLinePart1OffsetPercentage = dataSet.getValueLinePart1OffsetPercentage() / 100.f;
//
// float pt2x, pt2y;
// float labelPtx, labelPty;
//
// float line1Radius;
//
// if (mChart.isDrawHoleEnabled())
// line1Radius = (radius - (radius * holeRadiusPercent))
// * valueLinePart1OffsetPercentage
// + (radius * holeRadiusPercent);
// else
// line1Radius = radius * valueLinePart1OffsetPercentage;
//
// final float polyline2Width = dataSet.isValueLineVariableLength()
// ? labelRadius * valueLineLength2 * (float) Math.abs(Math.sin(
// transformedAngle * Utils.FDEG2RAD))
// : labelRadius * valueLineLength2;
//
// final float pt0x = line1Radius * sliceXBase + center.x;
// final float pt0y = line1Radius * sliceYBase + center.y;
//
// final float pt1x = labelRadius * (1 + valueLineLength1) * sliceXBase + center.x;
// final float pt1y = labelRadius * (1 + valueLineLength1) * sliceYBase + center.y;
//
// //左右算法不一樣,左邊是從下往上排的，即你可以理解為餅圖是順時針方向，從零點排到12點的360度圓形，建議先看else里的，即右邊的，方便理解
// if (transformedAngle % 360.0 >= 90.0 && transformedAngle % 360.0 <= 270.0) {//左邊部分
//// pt2x = center.x - radius - 5;
//// if (lastPositionOfLeft == 0) {//第一個不用管
//// pt2y = pt1y;
//// } else {
//// if (lastPositionOfLeft - pt1y < textHeight) {//如果上一個labley的位置減去計算出的pt1y的位置間距小于lable的高度，則需要在計算出的y基礎上加上差的間距
//// pt2y = pt1y - (textHeight - (lastPositionOfLeft - pt1y));//例如：lable高度5，計算出的pt1y位置10，上一個labley的位置12，則間距只有lastPositionOfRight-pt1y=2，還需要減去少的textHeight-(lastPositionOfRight-pt1y)=3才行
//// } else {
//// pt2y = pt1y;
//// }
//// }
//// lastPositionOfLeft = pt2y;//記錄上一個lableY方向的位置
////
//// mValuePaint.setTextAlign(Paint.Align.RIGHT);
////
//// if (drawXOutside)
//// getPaintEntryLabels().setTextAlign(Paint.Align.RIGHT);
////
//// labelPtx = pt2x - offset;
//// labelPty = pt2y;
// break;
// } else {//右邊部分
//// pt2x = pt1x + polyline2Width;
// pt2x = center.x + radius + 5;
// if (lastPositionOfRight == 0) {//第一個不用管
// pt2y = pt1y;
// } else {
// if (pt1y - lastPositionOfRight < textHeight) {//如果計算出的pt1y的位置減去上一個labley的位置間距小于lable的高度，則需要在計算出的y基礎上加上差的間距
// pt2y = pt1y + (textHeight - (pt1y - lastPositionOfRight));//例如：lable高度5，計算出的pt1y位置10，上一個labley的位置8，則間距只有pt1y-lastPositionOfRight=2，還需要加上少的textHeight-(pt1y-lastPositionOfRight)=3才行
// } else {
// pt2y = pt1y;
// }
// }
// lastPositionOfRight = pt2y;//記錄上一個lableY方向的位置
// mValuePaint.setTextAlign(Paint.Align.LEFT);
//
// if (drawXOutside)
// getPaintEntryLabels().setTextAlign(Paint.Align.LEFT);
//
// labelPtx = pt2x + offset;
// labelPty = pt2y;
// }
//
// if (dataSet.getValueLineColor() != ColorTemplate.COLOR_NONE) {
// c.drawLine(pt0x, pt0y, pt1x, pt1y, mValueLinePaint);
// c.drawLine(pt1x, pt1y, pt2x, pt2y, mValueLinePaint);
// }
//
// // draw everything, depending on settings
// if (drawXOutside && drawYOutside) {
//
// drawValue(c,
// formatter,
// value,
// entry,
// 0,
// labelPtx,
// labelPty,
// dataSet.getValueTextColor(j));
//
// if (j < data.getEntryCount() && entry.getLabel() != null) {
// drawEntryLabel(c, entry.getLabel(), labelPtx, labelPty + lineHeight);
// }
//
// } else if (drawXOutside) {
// if (j < data.getEntryCount() && entry.getLabel() != null) {
// drawEntryLabel(c, entry.getLabel(), labelPtx, labelPty + lineHeight / 2.f);
// }
// } else if (drawYOutside) {
//
// drawValue(c, formatter, value, entry, 0, labelPtx, labelPty + lineHeight / 2.f, dataSet
// .getValueTextColor(j));
// }
// }
//
// if (drawXInside || drawYInside) {
// // calculate the text position
// float x = labelRadius * sliceXBase + center.x;
// float y = labelRadius * sliceYBase + center.y;
//
// mValuePaint.setTextAlign(Paint.Align.CENTER);
//
// // draw everything, depending on settings
// if (drawXInside && drawYInside) {
//
// drawValue(c, formatter, value, entry, 0, x, y, dataSet.getValueTextColor(j));
//
// if (j < data.getEntryCount() && entry.getLabel() != null) {
// drawEntryLabel(c, entry.getLabel(), x, y + lineHeight);
// }
//
// } else if (drawXInside) {
// if (j < data.getEntryCount() && entry.getLabel() != null) {
// drawEntryLabel(c, entry.getLabel(), x, y + lineHeight / 2f);
// }
// } else if (drawYInside) {
//
// drawValue(c, formatter, value, entry, 0, x, y + lineHeight / 2f, dataSet.getValueTextColor(j));
// }
// }
//
// if (entry.getIcon() != null && dataSet.isDrawIconsEnabled()) {
//
// Drawable icon = entry.getIcon();
//
// float x = (labelRadius + iconsOffset.y) * sliceXBase + center.x;
// float y = (labelRadius + iconsOffset.y) * sliceYBase + center.y;
// y += iconsOffset.x;
//
// Utils.drawImage(
// c,
// icon,
// (int) x,
// (int) y,
// icon.getIntrinsicWidth(),
// icon.getIntrinsicHeight());
// }
//
// xIndex++;
// }
//
// //畫左邊
// xIndex = entryCount-1;
// for (int j = entryCount - 1; j >= 0; j--) {
//
// PieEntry entry = dataSet.getEntryForIndex(j);
//
// if (xIndex == 0)
// angle = 0.f;
// else
// angle = absoluteAngles[xIndex - 1] * phaseX;
//
// final float sliceAngle = drawAngles[xIndex];
// final float sliceSpaceMiddleAngle = sliceSpace / (Utils.FDEG2RAD * labelRadius);
//
// // offset needed to center the drawn text in the slice
// final float angleOffset = (sliceAngle - sliceSpaceMiddleAngle / 2.f) / 2.f;
//
// angle = angle + angleOffset;
//
// final float transformedAngle = rotationAngle + angle * phaseY;
//
// float value = mChart.isUsePercentValuesEnabled() ? entry.getY()
// / yValueSum * 100f : entry.getY();
//
// final float sliceXBase = (float) Math.cos(transformedAngle * Utils.FDEG2RAD);
// final float sliceYBase = (float) Math.sin(transformedAngle * Utils.FDEG2RAD);
//
// final boolean drawXOutside = drawEntryLabels &&
// xValuePosition == PieDataSet.ValuePosition.OUTSIDE_SLICE;
// final boolean drawYOutside = drawValues &&
// yValuePosition == PieDataSet.ValuePosition.OUTSIDE_SLICE;
// final boolean drawXInside = drawEntryLabels &&
// xValuePosition == PieDataSet.ValuePosition.INSIDE_SLICE;
// final boolean drawYInside = drawValues &&
// yValuePosition == PieDataSet.ValuePosition.INSIDE_SLICE;
//
// if (drawXOutside || drawYOutside) {
//
// final float valueLineLength1 = dataSet.getValueLinePart1Length();
// final float valueLineLength2 = dataSet.getValueLinePart2Length();
// final float valueLinePart1OffsetPercentage = dataSet.getValueLinePart1OffsetPercentage() / 100.f;
//
// float pt2x, pt2y;
// float labelPtx, labelPty;
//
// float line1Radius;
//
// if (mChart.isDrawHoleEnabled())
// line1Radius = (radius - (radius * holeRadiusPercent))
// * valueLinePart1OffsetPercentage
// + (radius * holeRadiusPercent);
// else
// line1Radius = radius * valueLinePart1OffsetPercentage;
//
// final float polyline2Width = dataSet.isValueLineVariableLength()
// ? labelRadius * valueLineLength2 * (float) Math.abs(Math.sin(
// transformedAngle * Utils.FDEG2RAD))
// : labelRadius * valueLineLength2;
//
// final float pt0x = line1Radius * sliceXBase + center.x;
// final float pt0y = line1Radius * sliceYBase + center.y;
//
// final float pt1x = labelRadius * (1 + valueLineLength1) * sliceXBase + center.x;
// final float pt1y = labelRadius * (1 + valueLineLength1) * sliceYBase + center.y;
//
// //左右算法不一樣,左邊是從下往上排的，即你可以理解為餅圖是順時針方向，從零點排到12點的360度圓形，建議先看else里的，即右邊的，方便理解
// if (transformedAngle % 360.0 >= 90.0 && transformedAngle % 360.0 <= 270.0) {//左邊部分
// pt2x = center.x - radius - 5;
// if (lastPositionOfLeft == 0) {//第一個不用管
// pt2y = pt1y;
// } else {
// if (pt1y - lastPositionOfLeft < textHeight) {//如果上一個labley的位置減去計算出的pt1y的位置間距小于lable的高度，則需要在計算出的y基礎上加上差的間距
// pt2y = pt1y + (textHeight - (pt1y - lastPositionOfLeft));//例如：lable高度5，計算出的pt1y位置10，上一個labley的位置12，則間距只有lastPositionOfRight-pt1y=2，還需要減去少的textHeight-(lastPositionOfRight-pt1y)=3才行
// } else {
// pt2y = pt1y;
// }
// }
// lastPositionOfLeft = pt2y;//記錄上一個lableY方向的位置
//
// mValuePaint.setTextAlign(Paint.Align.RIGHT);
//
// if (drawXOutside)
// getPaintEntryLabels().setTextAlign(Paint.Align.RIGHT);
//
// labelPtx = pt2x - offset;
// labelPty = pt2y;
//
// } else {//右邊部分
//// pt2x = center.x + radius + 5;
//// if (lastPositionOfRight == 0) {//第一個不用管
//// pt2y = pt1y;
//// } else {
//// if (pt1y - lastPositionOfRight < textHeight) {//如果計算出的pt1y的位置減去上一個labley的位置間距小于lable的高度，則需要在計算出的y基礎上加上差的間距
//// pt2y = pt1y + (textHeight - (pt1y - lastPositionOfRight));//例如：lable高度5，計算出的pt1y位置10，上一個labley的位置8，則間距只有pt1y-lastPositionOfRight=2，還需要加上少的textHeight-(pt1y-lastPositionOfRight)=3才行
//// } else {
//// pt2y = pt1y;
//// }
//// }
//// lastPositionOfRight = pt2y;//記錄上一個lableY方向的位置
//// mValuePaint.setTextAlign(Paint.Align.LEFT);
////
//// if (drawXOutside)
//// getPaintEntryLabels().setTextAlign(Paint.Align.LEFT);
////
//// labelPtx = pt2x + offset;
//// labelPty = pt2y;
// continue;
// }
//
// if (dataSet.getValueLineColor() != ColorTemplate.COLOR_NONE) {
// c.drawLine(pt0x, pt0y, pt1x, pt1y, mValueLinePaint);
// c.drawLine(pt1x, pt1y, pt2x, pt2y, mValueLinePaint);
// }
//
// // draw everything, depending on settings
// if (drawXOutside && drawYOutside) {
//
// drawValue(c,
// formatter,
// value,
// entry,
// 0,
// labelPtx,
// labelPty,
// dataSet.getValueTextColor(j));
//
// if (j < data.getEntryCount() && entry.getLabel() != null) {
// drawEntryLabel(c, entry.getLabel(), labelPtx, labelPty + lineHeight);
// }
//
// } else if (drawXOutside) {
// if (j < data.getEntryCount() && entry.getLabel() != null) {
// drawEntryLabel(c, entry.getLabel(), labelPtx, labelPty + lineHeight / 2.f);
// }
// } else if (drawYOutside) {
//
// drawValue(c, formatter, value, entry, 0, labelPtx, labelPty + lineHeight / 2.f, dataSet
// .getValueTextColor(j));
// }
// }
//
// if (drawXInside || drawYInside) {
// // calculate the text position
// float x = labelRadius * sliceXBase + center.x;
// float y = labelRadius * sliceYBase + center.y;
//
// mValuePaint.setTextAlign(Paint.Align.CENTER);
//
// // draw everything, depending on settings
// if (drawXInside && drawYInside) {
//
// drawValue(c, formatter, value, entry, 0, x, y, dataSet.getValueTextColor(j));
//
// if (j < data.getEntryCount() && entry.getLabel() != null) {
// drawEntryLabel(c, entry.getLabel(), x, y + lineHeight);
// }
//
// } else if (drawXInside) {
// if (j < data.getEntryCount() && entry.getLabel() != null) {
// drawEntryLabel(c, entry.getLabel(), x, y + lineHeight / 2f);
// }
// } else if (drawYInside) {
//
// drawValue(c, formatter, value, entry, 0, x, y + lineHeight / 2f, dataSet.getValueTextColor(j));
// }
// }
//
// if (entry.getIcon() != null && dataSet.isDrawIconsEnabled()) {
//
// Drawable icon = entry.getIcon();
//
// float x = (labelRadius + iconsOffset.y) * sliceXBase + center.x;
// float y = (labelRadius + iconsOffset.y) * sliceYBase + center.y;
// y += iconsOffset.x;
//
// Utils.drawImage(
// c,
// icon,
// (int) x,
// (int) y,
// icon.getIntrinsicWidth(),
// icon.getIntrinsicHeight());
// }
//
// xIndex--;
// }
//
// MPPointF.recycleInstance(iconsOffset);
// }
// MPPointF.recycleInstance(center);
// c.restore();
// }
}
- 再創建一個PieChart的子類，重新父類
init()方法，由于我是在ViewPager中使用的，順便處理了下滑動沖突，不需要的同學，可以把onTouchEvent(MotionEvent evt)刪掉，代碼如下：
public class MyPieChart extends PieChart {
PointF downPoint = new PointF();
public MyPieChart(Context context) {
super(context);
}
public MyPieChart(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyPieChart(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void init() {
super.init();
//此處把mRenderer替換成我們自己的PieChartRenderer
mRenderer = new MyPieChartRenderer(this, mAnimator, mViewPortHandler);
}
@SuppressLint("ClickableViewAccessibility")
@Override
public boolean onTouchEvent(MotionEvent evt) {
switch (evt.getAction()) {
case MotionEvent.ACTION_DOWN:
downPoint.x = evt.getX();
downPoint.y = evt.getY();
break;
case MotionEvent.ACTION_MOVE:
if (Math.abs(evt.getX() - downPoint.x) > 5 || Math.abs(evt.getY() - downPoint.y) > 5) {
getParent().requestDisallowInterceptTouchEvent(true);
}
break;
}
return super.onTouchEvent(evt);
}
}
- 至此，就可以使用了，把我們代碼中的PieChart都替換成MyPieChart就好了，趕緊試試吧，看有沒有達到去除重疊的效果。
