2017-01-03 98 views
1

我使用MPAndroidChart库创建条形图。的酒吧自定义位置值

我们可以使用下面显示的栏顶部的栏值。

mChart.setDrawValueAboveBar(false); 

,或者我们可以这样使用:

barDataSet.setDrawValues(true); 

,以显示自己吧酒吧里面的值。 我想知道我们是否可以为这些值设置自定义位置。例如在y轴下方。

enter image description here

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); 

回答

3

有暴露用于改变的位置的API中没有方法值的标签低于YAxis。您可能需要扩展和修改库以满足您的不常见要求。尝试

一种选择是对x轴实施IAxisValueFormatter渲染y值代替x值。一个简单的例子可以重新使用现有的IndexAxisValueFormatter。假设您有一个名为yLabelsString []中的y值标签。现在,你可以这样做:

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 
    } 
} 
+1

我试过IAxisValueFormatter,我可以显示在x轴上的yValues但他们靠近实际xValues标签。我无法将值显示在另一个下面。接下来我会尝试重写drawValues()方法。谢谢。 – amarok

+0

@ amarok太棒了!有重写绘制功能的例子(这里)(https://stackoverflow.com/questions/41340819/mpandroidchart-add-custom-image-inside-bars/41373250#41373250)和[这里](HTTPS://计算器.COM /问题/ 31201874/mpandroidchart-线型图定制高亮抽拉/ 41312738#41312738) –

+0

它的工作。我发布了我的代码。感谢您的帮助:) – amarok