MPAndroidChart折线图首尾数据异常显示问题及X轴标签补全方案咨询

针对你遇到的两个问题，我来一步步给你可行的解决方案：

一、让首尾数据显示在图表区域内部，不贴坐标轴 #

这个问题的核心是给X轴的首尾留出额外空间，避免数据点直接贴在坐标轴上。你可以选下面两种方式实现：

方法1：手动调整X轴数值范围 #

你的数据X值是从10到16，我们可以把X轴的最小值设为比10小一点，最大值设为比16大一点，让首尾点和坐标轴拉开距离：

XAxis xAxis = barChart_newCases.getXAxis();
xAxis.setValueFormatter(new MyXAxisValueFormatter());
// 添加这两行，给X轴首尾留边距
xAxis.setAxisMinimum(9.5f);
xAxis.setAxisMaximum(16.5f);

方法2：给图表添加左右偏移量 #

如果不想改动X轴的数值范围，也可以直接给图表整体加左右偏移：

// 数值单位是像素，可根据你的布局需求调整
barChart_newCases.setExtraLeftOffset(20f); 
barChart_newCases.setExtraRightOffset(20f);

二、确保X轴显示首尾标签 #

你之前在MyXAxisValueFormatter里设置了标签数量，但MPAndroidChart默认可能会裁剪首尾标签，加上以下设置就能解决：

1. 开启避免首尾标签裁剪的开关 #

XAxis xAxis = barChart_newCases.getXAxis();
xAxis.setAvoidFirstLastClipping(true); // 关键设置，防止首尾标签被切掉

2. 固定X轴刻度粒度 #

确保X轴的刻度间隔和你的数据步长一致，保证每个X值都能对应标签：

xAxis.setGranularity(1f); // 刻度间隔设为1，和你的数据X值步长匹配
xAxis.setGranularityEnabled(true); // 启用粒度限制

3. 优化你的MyXAxisValueFormatter #

不建议在格式化方法里设置标签数量和文字颜色，这些应该放在X轴初始化代码中，避免重复执行。修改后的格式化类：

public static class MyXAxisValueFormatter implements IAxisValueFormatter {
    @Override
    public String getFormattedValue(float v, AxisBase axisBase) {
        return "Nov " + Math.round(v);
    }
}

然后把标签数量和文字颜色的设置移到X轴初始化部分：

XAxis xAxis = barChart_newCases.getXAxis();
xAxis.setValueFormatter(new MyXAxisValueFormatter());
xAxis.setLabelCount(7);
xAxis.setTextColor(Color.WHITE);
// 加上前面提到的避免裁剪和粒度设置
xAxis.setAvoidFirstLastClipping(true);
xAxis.setGranularity(1f);
xAxis.setGranularityEnabled(true);

完整修改后的new_cases()方法 #

整合所有修改后的代码如下：

public void new_cases() {
    LineDataSet barDataSet1 = new LineDataSet(dataValues1(), "New cases");
    barDataSet1.setValueTextColor(Color.WHITE);
    barDataSet1.setMode(LineDataSet.Mode.HORIZONTAL_BEZIER);
    barDataSet1.setDrawFilled(true);
    barDataSet1.setDrawCircles(true);
    barDataSet1.setDrawCircleHole(false);
    barDataSet1.setLineWidth(2f);
    barDataSet1.setCircleColor(Color.WHITE);
    Drawable drawable = ContextCompat.getDrawable(this, R.drawable.chart_gradient);
    barDataSet1.setFillDrawable(drawable);
    barDataSet1.setColor(getResources().getColor(R.color.red_pie));
    LineData barData1 = new LineData();
    barData1.addDataSet(barDataSet1);
    barChart_newCases.setData(barData1);

    XAxis xAxis = barChart_newCases.getXAxis();
    xAxis.setValueFormatter(new MyXAxisValueFormatter());
    xAxis.setLabelCount(7);
    xAxis.setTextColor(Color.WHITE);
    xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
    xAxis.setDrawGridLines(false);
    // 调整X轴范围，让首尾点不贴坐标轴
    xAxis.setAxisMinimum(9.5f);
    xAxis.setAxisMaximum(16.5f);
    // 确保首尾标签正常显示
    xAxis.setAvoidFirstLastClipping(true);
    xAxis.setGranularity(1f);
    xAxis.setGranularityEnabled(true);

    YAxis yAxis = barChart_newCases.getAxisLeft();
    yAxis.setTextColor(Color.WHITE);
    yAxis.setAxisMinValue(0f);
    yAxis.setAxisMaxValue(1000f);

    barDataSet1.setValueFormatter(new MyValueFormatter());

    barChart_newCases.setTouchEnabled(false);
    barChart_newCases.getLegend().setEnabled(false);
    barChart_newCases.setDoubleTapToZoomEnabled(false);
    barChart_newCases.setScaleEnabled(false);
    barChart_newCases.setClickable(false);
    barChart_newCases.setDrawGridBackground(false);
    barChart_newCases.getAxisRight().setEnabled(false);

    Description description = new Description();
    description.setText("");
    barChart_newCases.setDescription(description);

    barChart_newCases.invalidate();
}

这样修改后，你的折线图首尾数据会显示在图表内部，同时X轴的首尾标签（Nov 10和Nov 16）也能正常展示了。

内容的提问来源于stack exchange，提问作者Senith Umesha