在BarChart MPAndroidChart中的栏外垂直旋转值文本

时间:2019-05-24 09:35:25

标签: android charts mpandroidchart

BarChart MPAndroidChart

的栏外垂直旋转值文本

我可以旋转文本,但是它位于使用以下代码实现的栏中:

chart.setRenderer(CustomBarChartRenderer(context, this, this.getAnimator(), this.getViewPortHandler()))

public class CustomBarChartRenderer extends BarChartRenderer {
      public CustomBarChartRenderer(BarDataProvider chart, 
                                    ChartAnimator animator, ViewPortHandler viewPortHandler) {
           super(chart, animator, viewPortHandler);
      }

      @Override
      public void drawValue(Canvas canvas, IValueFormatter formatter, 
                            float value, Entry entry, int dataSetIndex, float x, float y, int color) {
           mValuePaint.setColor(color);

           canvas.save();
           canvas.rotate(-90);

           canvas.drawText(formatter.getFormattedValue(value, entry, 
                                                       dataSetIndex, mViewPortHandler), x, y, mValuePaint);
           canvas.restore();
      }
}

文本已旋转,但进入栏内可以在下面的图像链接中看到:

如何使文本值正确地对齐栏上方?

1 个答案:

答案 0 :(得分:1)

我可以通过向上移动标签来修复它。

值得注意的是,当我们旋转标签时,x和y的尺寸在内部发生变化,因此,要向上移动标签,必须增加x值而不是y值。

还要注意使其动态并适用于所有文本长度,我正在计算要显示的文本的像素大小,并仅将标签向上移动该像素大小。参见下面的代码(以kotlin语言编写):

override fun drawValue(c: Canvas, formatter: IValueFormatter, value: Float, entry: Entry, dataSetIndex: Int, x: Float, y: Float, color: Int) {
    mValuePaint.color = Color.WHITE
    val text = formatter.getFormattedValue(value, entry, dataSetIndex, mViewPortHandler)

    c.save()
    val width = mValuePaint.measureText(text)
    c.rotate(-90f, x, y)

    c.drawText(text, x + (width / 2), y, mValuePaint)
    c.restore()
}