MPAndroidChart柱状图中能否用自定义布局替换LimitLine？

可以实现用自定义布局/样式替换默认的LimitLine，根据你需要的复杂程度，有两种常用方案：

方案一：自定义LimitLine子类重写绘制逻辑 #

如果只是需要自定义线条和标签的样式（比如带背景的文字、特殊线条），直接继承LimitLine重写draw方法即可，完全基于Canvas绘制，性能更好。

代码示例 #

public class CustomLimitLine extends LimitLine {
    private Paint mBackgroundPaint;
    private int mBackgroundColor = Color.parseColor("#FFEB3B");
    private int mPadding = 8;

    public CustomLimitLine(float limit, String label) {
        super(limit, label);
        init();
    }

    private void init() {
        mBackgroundPaint = new Paint();
        mBackgroundPaint.setColor(mBackgroundColor);
        mBackgroundPaint.setAntiAlias(true);
    }

    @Override
    public void draw(Canvas canvas, YAxis axis, ViewPortHandler viewPortHandler) {
        // 获取LimitLine对应的Y轴像素位置
        float yPixel = axis.getTransformer().getPixelForY(getLimit());

        // 绘制自定义线条（实线+右端箭头）
        Paint linePaint = getPaint();
        linePaint.setColor(Color.RED);
        linePaint.setStrokeWidth(3f);
        canvas.drawLine(viewPortHandler.contentLeft(), yPixel, viewPortHandler.contentRight(), yPixel, linePaint);
        canvas.drawLine(viewPortHandler.contentRight() - 10, yPixel - 5, viewPortHandler.contentRight(), yPixel, linePaint);
        canvas.drawLine(viewPortHandler.contentRight() - 10, yPixel + 5, viewPortHandler.contentRight(), yPixel, linePaint);

        // 绘制带圆角背景的标签
        String label = getLabel();
        Paint textPaint = getTextPaint();
        float textWidth = textPaint.measureText(label);
        float textHeight = textPaint.descent() - textPaint.ascent();
        float x = viewPortHandler.contentRight() - textWidth - mPadding * 2 - 15;
        float y = yPixel + textHeight / 2 - textPaint.descent();

        canvas.drawRoundRect(x - mPadding, y - textHeight + mPadding, x + textWidth + mPadding, y + mPadding, 4, 4, mBackgroundPaint);
        canvas.drawText(label, x, y, textPaint);
    }
}

替换原有代码 #

把你原来的LimitLine替换成自定义类即可：

CustomLimitLine ll1 = new CustomLimitLine(150f, "Upper Limit");
ll1.setTextSize(10f);
ll1.setTypeface(tf);
YAxis leftAxis = mChart.getAxisLeft();
leftAxis.removeAllLimitLines();
leftAxis.addLimitLine(ll1);

方案二：叠加自定义布局（适合复杂UI） #

如果需要的是包含图片、多控件的复杂布局，直接用LayoutInflater加载自定义布局，计算位置后叠加在图表上方。

步骤与代码示例 #

1. 准备自定义布局文件layout_limit_line_custom.xml（示例包含图标和文字）：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/limit_line_bg"
    android:gravity="center"
    android:padding="6dp"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:src="@drawable/ic_warning" />

    <TextView
        android:id="@+id/tv_limit_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="4dp"
        android:text="Upper Limit"
        android:textSize="10sp"
        android:textColor="#333" />
</LinearLayout>

2. 在代码中计算位置并添加布局：

// 获取Y轴和图表父容器
YAxis leftAxis = mChart.getAxisLeft();
ViewGroup chartParent = (ViewGroup) mChart.getParent();

// 计算LimitLine对应的屏幕Y坐标
float limitValue = 150f;
float yPixel = leftAxis.getTransformer().getPixelForY(limitValue);

// 加载自定义布局
View customLimitView = LayoutInflater.from(this).inflate(R.layout.layout_limit_line_custom, chartParent, false);
TextView tvLabel = customLimitView.findViewById(R.id.tv_limit_label);
tvLabel.setText("Upper Limit");
tvLabel.setTypeface(tf);

// 设置布局位置，右侧对齐并与LimitLine Y坐标居中对齐
ViewGroup.MarginLayoutParams params = new ViewGroup.MarginLayoutParams(
        ViewGroup.LayoutParams.WRAP_CONTENT,
        ViewGroup.LayoutParams.WRAP_CONTENT
);
params.rightMargin = (int) (chartParent.getWidth() - mChart.getWidth() + mChart.getPaddingRight() + 10);
params.topMargin = (int) (yPixel - customLimitView.getHeight() / 2);
customLimitView.setLayoutParams(params);

// 添加到父容器
chartParent.addView(customLimitView);

// 可选：隐藏默认LimitLine
LimitLine ll1 = new LimitLine(150f);
ll1.setLineWidth(0f);
leftAxis.addLimitLine(ll1);

注意：如果图表有缩放、滑动，需要在OnChartGestureListener的回调中重新计算布局位置，保证自定义布局始终对应LimitLine的位置。

内容的提问来源于stack exchange，提问作者Zai'Be