Question

我使用MPAndroidChart库创建条形图。

我们可以使用以下内容在条形图顶部显示条形值。

mChart.setDrawValueAboveBar(false);

或者我们可以使用它：

barDataSet.setDrawValues(true);

显示栏内部的条形值。我想知道我们是否可以为值设置自定义位置。例如，在y轴下方。

解决方案

public class TextBarChartRenderer extends BarChartRenderer {

    public TextBarChartRenderer(BarDataProvider chart, ChartAnimator animator, ViewPortHandler viewPortHandler) {
        super(chart, animator, viewPortHandler);
    }

    @Override
    public void drawValues(Canvas c) {
        List<IBarDataSet> dataSets = mChart.getBarData().getDataSets();

        final float valueOffsetPlus = Utils.convertDpToPixel(22f)
        float negOffset;

        for (int i = 0; i < mChart.getBarData().getDataSetCount(); i++) {

            IBarDataSet dataSet = dataSets.get(i);
            applyValueTextStyle(dataSet);
            float valueTextHeight = Utils.calcTextHeight(mValuePaint, "8");
            negOffset = valueTextHeight + valueOffsetPlus;

            BarBuffer buffer = mBarBuffers[i];

            float left;
            float right;
            float top;
            float bottom;

            for (int j = 0; j < buffer.buffer.length * mAnimator.getPhaseX(); j += 4) {

                left = buffer.buffer[j];
                right = buffer.buffer[j + 2];
                top = buffer.buffer[j + 1];
                bottom = buffer.buffer[j + 3];

                float x = (left + right) / 2f;

                if (!mViewPortHandler.isInBoundsRight(x))
                    break;

                if (!mViewPortHandler.isInBoundsY(top) || !mViewPortHandler.isInBoundsLeft(x))
                    continue;

                BarEntry entry = dataSet.getEntryForIndex(j / 4);
                float val = entry.getY();

                if(val > 0) {
                    drawValue(c, dataSet.getValueFormatter(), val, entry, i, x,
                            (bottom + negOffset),
                            dataSet.getValueTextColor(j / 4));
                }
            }
        }

    }
}

还必须添加此值以使值可见

mChart.setExtraOffsets(0, 0, 0, 20);

Answer 1

API中没有公开的方法可以将值标签的位置更改为YAxis以下。您可能需要扩展和修改库以满足您不常见的要求。

尝试的一个选项是在XAxis上实现IAxisValueFormatter以呈现y值而不是x值。一个简单的例子可以重用现有的IndexAxisValueFormatter。我们假设您在名为String []的{{1}}中有y值的标签。你现在可以这样做：

yLabels

如果这不起作用，您必须查看BarChartRenderer的来源。有一种名为mChart.getXAxis().setValueFormatter(new IndexAxisValueFormatter(yLabels));的方法可以覆盖以实现您想要的效果。

所以你会有类似的东西：

drawValues()

Answer 2

在MPAndroidCharts的3.1.0版本中，设置mChart.setDrawValueAboveBar(false);将在栏的顶部下方绘制值。

条形值的自定义位置

2 个答案: