需求:
折线图,记录每天运动时间,但是有的时候是0,需求是为0的数据不显示,只显示有数据。
实现:
两种方法:
方法1:麻烦点,不用改源码,将数据根据特殊值0进行分段,然后分别绘制多条折线。
例如:【20,30,0,35,45,0,0,35】这个数据可以拆为:【20,30】、【35,45】、【35】三个数据然后分别绘制。
方法2:改源码,参考MPAndroidChart实现断线中间不绘制及其如何思考类似的问题
这个文章写的比较清楚,加入如下核心代码,位置放在源码:if (e1 == null || e2 == null) continue;后面。
if (Float.isNaN(e1.getY())||Float.isNaN(e2.getY()) continue;
就是设置一个特殊值,遍历到当前是是特殊值后,跳过。我采用的也是该方法,不过这个方法有个问题,就是首次绘制是正常的,但是滑动图表的时候,线条无法绘制出来。
方法2滑动图表时,线条无法绘制解决方法:
绘制线条的核心源码如下,通过调试发现,之所以无法绘制的原因是mLineBuffer 太大了,而且滑动的话遍历打印里面的值会变成非法值INFINITY,导致后面drawLines的时候无法绘制,我这边直接限制了mLineBuffer 这个变量的大小,核心代码:mLineBuffer = new float[(mXBounds.range + 2) * 4];
下面源码也改了,这样滑动可正常显示。大家可以试试,有问题一起留言沟通。
if (mLineBuffer.length < Math.max((entryCount) * pointsPerEntryPair, pointsPerEntryPair) * 2)
//mLineBuffer = new float[Math.max((entryCount) * pointsPerEntryPair, pointsPerEntryPair) * 4];
//Change: modify mLineBuffer length
mLineBuffer = new float[(mXBounds.range + 2) * 4];
Entry e1, e2;
e1 = dataSet.getEntryForIndex(mXBounds.min);
if (e1 != null) {
int j = 0;
for (int x = mXBounds.min; x <= mXBounds.range + mXBounds.min; x++) {
e1 = dataSet.getEntryForIndex(x == 0 ? 0 : (x - 1));
e2 = dataSet.getEntryForIndex(x);
if (e1 == null || e2 == null) continue;
mLineBuffer[j++] = e1.getX();
mLineBuffer[j++] = e1.getY() * phaseY;
if (isDrawSteppedEnabled) {
mLineBuffer[j++] = e2.getX();
mLineBuffer[j++] = e1.getY() * phaseY;
mLineBuffer[j++] = e2.getX();
mLineBuffer[j++] = e1.getY() * phaseY;
}
mLineBuffer[j++] = e2.getX();
mLineBuffer[j++] = e2.getY() * phaseY;
}
if (j > 0) {
trans.pointValuesToPixel(mLineBuffer);
final int size = Math.max((mXBounds.range + 1) * pointsPerEntryPair, pointsPerEntryPair) * 2;
mRenderPaint.setColor(dataSet.getColor());
canvas.drawLines(mLineBuffer, 0, size, mRenderPaint);
}
}
}
mRenderPaint.setPathEffect(null);