时间戳

首页 > 解决方案 > MPAndroidChart LineChart 未正确绘制

android - MPAndroidChart LineChart 未正确绘制

问题描述

我正在开发一种记录心率并将该数据发送到我的 Android 应用程序的产品。该应用程序使用 MPAndroidChart实时呈现这些数据。请注意，我使用的是最新版本的库。

我在某些手机中遇到了一些问题。我已经在 Moto G2、Realme 1、OnePlus 5t、OnePlus 6、Lenovo K8 plus 上进行了测试。

OnePlus 6 手机上的图表（这是错误的）： 在此处输入图像描述

Moto G2 手机上的图表（这是正确的）： 在此处输入图像描述

更新 代码：

 private void initHeartLineChart(){

    lineChartHeart.getDescription().setEnabled(false);
    lineChartHeart.getAxisRight().setEnabled(false);
    lineChartHeart.getLegend().setEnabled(false);
    lineChartHeart.setDrawGridBackground(false);
    lineChartHeart.setPinchZoom(false);
    lineChartHeart.setScaleEnabled(false);
    lineChartHeart.setDoubleTapToZoomEnabled(false);
    lineChartHeart.setScaleYEnabled(false);
    lineChartHeart.setDragXEnabled(false);
    lineChartHeart.setDragYEnabled(false);

    XAxis xAxis = lineChartHeart.getXAxis();
    xAxis.setEnabled(false);
    xAxis.setDrawGridLines(false);
    xAxis.setGranularity(1f);

    YAxis yAxisHeart = lineChartHeart.getAxisLeft();
    yAxisHeart.setEnabled(false);
    yAxisHeart.setAxisMaximum(600f);
    yAxisHeart.setAxisMinimum(-600f);
    yAxisHeart.setDrawAxisLine(false);
    yAxisHeart.setDrawZeroLine(false);

    //add empty data
    lineChartHeart.setData(new LineData());
    lineChartHeart.setViewPortOffsets(0,0,0,0);
}

private LineDataSet createHeartDataSet() {

    LineDataSet set = new LineDataSet(null, "Live Heart");
    set.setAxisDependency(YAxis.AxisDependency.LEFT);
    set.setColor(getResources().getColor(R.color.heart_color));
    set.setLineWidth(1f);
    set.setDrawCircles(false);
    set.setHighlightEnabled(false);
    set.setDrawValues(false);
    set.setMode(LineDataSet.Mode.HORIZONTAL_BEZIER);
    set.setCubicIntensity(0.2f);
    return set;
}


private void addNewHeartEntry(double heartRate) {

    LineData data = lineChartHeart.getData();

    if (data != null) {

        ILineDataSet set = data.getDataSetByIndex(0);

        if (set == null) {
            set = createHeartDataSet();
            data.addDataSet(set);
        }

        data.addEntry(new Entry(set.getEntryCount(), (float) heartRate), 0);

        data.notifyDataChanged();

        lineChartHeart.notifyDataSetChanged();
        lineChartHeart.setVisibleXRangeMaximum(625);

        // move to the latest entry
        lineChartHeart.moveViewToX(set.getEntryCount());

    }
}

对于这两种情况，代码、人员和设备都是相同的。我测试了很多次。我还检查了发送到图表的数据。数据是正确的。该图表只是没有正确绘制它。如果您可能已经注意到，该图表正在以某种模式绘制数据。它重复两点3-5次。我认为它只发生在像 Realme、OnePlus 这样的好手机或最新手机上。但我无法弄清楚为什么会这样。

任何帮助，将不胜感激。

标签： androidmpandroidchart

解决方案

在这一行之后：

data.notifyDataChanged();

添加以下内容：

lineChartHeart.setData(data);

在这一行之后：

lineChartHeart.notifyDataSetChanged();

添加以下行：

lineChartHeart.invalidate();

推荐阅读