基于MpChart Lib的双日期区间折线图X轴计算方案问询

我之前在项目里正好实现过类似的需求，MPChart的X轴本质是数值型的，所以核心思路是把日期转换成连续的数值索引，再通过自定义IAxisValueFormatter将索引映射回对应的日期字符串。下面针对你的两个场景分别拆解：

场景1：日差区间（2018-03-23至2018-03-28） #

这个场景是连续的单日数据，处理起来比较直接：

步骤1：准备日期列表与数据Entry #

首先把这段时间的日期按顺序存入列表（推荐用String类型，方便直接格式化），然后每个采购量数据对应一个Entry，其中x值用列表的索引（0、1、2...），y值为采购量。

示例代码：

// 1. 构建日期列表
List<String> dateList = Arrays.asList("2018-03-23", "2018-03-24", "2018-03-25", "2018-03-26", "2018-03-27", "2018-03-28");

// 2. 构建折线图数据Entry
List<Entry> entries = new ArrayList<>();
entries.add(new Entry(0f, 100f)); // 2018-03-23的采购量
entries.add(new Entry(1f, 150f)); // 2018-03-24的采购量
entries.add(new Entry(2f, 80f));
entries.add(new Entry(3f, 200f));
entries.add(new Entry(4f, 120f));
entries.add(new Entry(5f, 180f));

// 3. 设置数据集
LineDataSet dataSet = new LineDataSet(entries, "采购量");
LineData lineData = new LineData(dataSet);
lineChart.setData(lineData);

步骤2：自定义X轴格式化器 #

实现IAxisValueFormatter，把索引转换成对应的日期字符串，然后绑定到X轴：

XAxis xAxis = lineChart.getXAxis();
xAxis.setValueFormatter(new IAxisValueFormatter() {
    @Override
    public String getFormattedValue(float value, AxisBase axis) {
        // value是X轴的数值索引，转换成int后取对应的日期
        int index = (int) value;
        if (index >= 0 && index < dateList.size()) {
            return dateList.get(index);
        }
        return "";
    }
});

// 关键配置：确保X轴刻度数量和日期列表一致，避免重复或缺失
xAxis.setLabelCount(dateList.size(), true);
xAxis.setGranularity(1f); // 最小刻度间隔为1，防止出现小数索引
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM); // 把X轴放在底部

场景2：周差区间（2017-12-23至2018-03-28） #

这个场景需要先把日期区间按周划分，核心是先确定每周的代表日期（比如每周一、每周日），再按同样的索引映射逻辑处理。

步骤1：生成周代表日期列表 #

先写一个工具方法，遍历日期区间，每周提取一个代表日期（这里以每周一为代表）：

// 工具方法：获取日期区间内的每周代表日期（这里以每周一为代表）
public static List<String> getWeeklyDateList(Date startDate, Date endDate) {
    List<String> weekDates = new ArrayList<>();
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
    Calendar calendar = Calendar.getInstance();
    calendar.setTime(startDate);

    // 先把起始日期调整到当周周一
    while (calendar.get(Calendar.DAY_OF_WEEK) != Calendar.MONDAY) {
        calendar.add(Calendar.DATE, -1);
    }

    while (!calendar.getTime().after(endDate)) {
        weekDates.add(sdf.format(calendar.getTime()));
        calendar.add(Calendar.WEEK_OF_YEAR, 1); // 每周递增
    }
    return weekDates;
}

// 使用示例：转换起始和结束日期
Date start = new SimpleDateFormat("yyyy-MM-dd").parse("2017-12-23");
Date end = new SimpleDateFormat("yyyy-MM-dd").parse("2018-03-28");
List<String> weekDateList = getWeeklyDateList(start, end);

步骤2：绑定数据与X轴格式化 #

和场景1逻辑一致，Entry的x用周索引，然后自定义格式化器：

// 构建周采购量Entry（假设你有每周的采购数据）
List<Entry> weekEntries = new ArrayList<>();
for (int i = 0; i < weekDateList.size(); i++) {
    float purchaseAmount = getWeeklyPurchaseAmount(i); // 替换成你的实际数据获取逻辑
    weekEntries.add(new Entry(i, purchaseAmount));
}

// 设置数据集
LineDataSet weekDataSet = new LineDataSet(weekEntries, "周采购量");
LineData weekLineData = new LineData(weekDataSet);
lineChart.setData(weekLineData);

// 自定义X轴格式化器
XAxis weekXAxis = lineChart.getXAxis();
weekXAxis.setValueFormatter(new IAxisValueFormatter() {
    @Override
    public String getFormattedValue(float value, AxisBase axis) {
        int index = (int) value;
        if (index >= 0 && index < weekDateList.size()) {
            return weekDateList.get(index);
        }
        return "";
    }
});

// 同样配置X轴
weekXAxis.setLabelCount(weekDateList.size(), true);
weekXAxis.setGranularity(1f);
weekXAxis.setPosition(XAxis.XAxisPosition.BOTTOM);

额外注意事项 #

• 如果存在某一天/某一周没有采购数据的情况，依然要保留对应的X轴刻度，只需要把该索引的Entry的y值设为0；如果不想显示空数据点，可以跳过Entry但保持日期列表的完整性，X轴刻度依然会正常显示。
• 日期格式化可以根据需求调整，比如改成MM-dd或者yyyy-MM-dd HH:mm，只需要修改SimpleDateFormat的格式字符串即可。

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