条形值的自定义位置

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 中没有方法可以将值标签的位置更改为 Y 轴下方。您可能必须扩展和修改该库才能满足您不常见的需求。

可以尝试的一种选择是IAxisValueFormatter在 X 轴上实现 来渲染 y 值而不是 x 值。一个简单的例子可以重用现有的IndexAxisValueFormatter. 假设您在被String []调用的.txt 文件中有 y 值的标签yLabels。您现在可以执行以下操作：

mChart.getXAxis().setValueFormatter(new IndexAxisValueFormatter(yLabels));

如果这不起作用，您将不得不查看 的源代码BarChartRenderer。您可以重写一个方法drawValues() 来实现您想要的效果。

所以你会得到类似的东西：

public class MyBarChartRenderer extends BarChartRenderer {

    //TODO: a constructor matching the superclass

    @Override
    public void drawValues(Canvas c) {
        //TODO: copy and paste the code from the superclass and simply
        //change the offset for drawing the labels
    }
}