title: MPAndroidChart Set month value on X axis and draw line under graph
body: <p>I am trying to set a value on X axis as month but the y value are not corresponding to x value that I am trying to set. </p>
  
  <pre><code>private void CreateGraph() {
      float[] yDataL = {30, 60, 500,231};
      String[] xDataL = {"Jan", "Feb" , "Mac" , "Apr"};
  
      LineChart lineChart = (LineChart) findViewById(R.id.chart);
  
      ArrayList&lt;Entry&gt; yEntrys = new ArrayList&lt;&gt;();
      final ArrayList&lt;String&gt; xEntrys = new ArrayList&lt;&gt;();
  
      for(int i = 0; i &lt; yData.length; i++){
          yEntrys.add(new Entry(i, yData[i]));
      }
  
      for(int i = 1; i &lt; xData.length; i++){
          xEntrys.add(xData[i]);
      }
  
      LineDataSet dataSet = new LineDataSet(yEntrys, "");
      dataSet.setColor(Color.parseColor("#7500ca"));
      dataSet.setCircleColor(Color.parseColor("#7500ca"));
      dataSet.setLineWidth(1f);
      dataSet.setCircleRadius(5f);
      dataSet.setDrawCircleHole(false);
      dataSet.setDrawValues(false);
  
  
      XAxis xAxis = lineChart.getXAxis();
      xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
      xAxis.setGranularity(1f);
      xAxis.setGranularityEnabled(true);
      xAxis.setValueFormatter(new IAxisValueFormatter() {
          @Override
          public String getFormattedValue(float value, AxisBase axis) {
  
              return xEntrys.get((int) value % xEntrys.size());
          }
      });
  
      YAxis rightAxis = lineChart.getAxisRight();
      rightAxis.setEnabled(false);
  
      LineData pieData = new LineData(dataSet);
      lineChart.getXAxis().setDrawGridLines(false);
      lineChart.getAxisLeft().setDrawGridLines(false);
      lineChart.getAxisRight().setDrawGridLines(false);
      lineChart.getAxisLeft().setDrawAxisLine(false);
      lineChart.getAxisRight().setDrawAxisLine(false);
      lineChart.getAxisLeft().setDrawLabels(false);
      lineChart.getAxisRight().setDrawLabels(false);
      lineChart.getLegend().setEnabled(false);
      lineChart.setDescription(null);
      lineChart.setData(pieData);
      lineChart.invalidate();
  }
  </code></pre>
  
  <p>this is the result that i got 
  <a href="https://i.stack.imgur.com/A4dWL.png" rel="nofollow noreferrer">result image</a></p>
  
  <p>i think i got it wrong on xAxis.setValueFormatter part</p>
  
  <p>i also want to archive a line below the graph like this one <a href="https://i.stack.imgur.com/hEbEK.png" rel="nofollow noreferrer">image of line below graph</a></p>