Uso de fechas con la biblioteca Graphview

Question

estoy usando la biblioteca GraphView (ver: https://github.com/jjoe64/GraphView o http://www.jjoe64.com/p/graphview-library.html)

pero me gustaría utilizar la fecha/hora para el X-as. ¿Alguien sabe una manera fácil de lograr esto o alguien puede empujarme en la dirección correcta?

Answer 1

GraphView es una gran biblioteca para usar, también me resulta más fácil. El primer paso para hacer esto sería agregar una variable de cadena en la clase GraphViewData dentro de GraphView.java. Así como:

static public class GraphViewData { 
    public final double valueX; 
    public final double valueY; 
    public final String valueDate; 

    public GraphViewData(double valueX, double valueY,String valueDate) { 
     super(); 
     this.valueX = valueX; 
     this.valueY = valueY; 
     this.valueDate = valueDate; 
    } 
} 

Cuando se crea el objeto GraphViewData al crear un gráfico GraphView, tendrá que añadir los datos de la fecha en forma de cadena (junto con el X e Y).

Digamos que tiene 80 puntos de datos en su gráfico (índice 0 - 79). Hay un método dentro de GraphView que es responsable de generar y devolver las etiquetas horizontales, creo que se llama generateHorLabels. En lugar de simplemente devolver el Valor X (0-79), use el valor X para obtener la Cadena del objeto GraphData.

En el código que tiene ahora, debe tener lo siguiente en un bucle para

labels[i] = formatLabel(min + ((max-min)*i/numLabels), true); 

en lugar de lo anterior, se podría hacer algo como esto.

Double temp = Double.valueOf(formatLabel(min + ((max-min)*i/numLabels), true)); 
int rounded =(int)Math.round(temp); 
labels[i] = values[rounded].valueDate; 

Hope this help!

Answer 2

Esta es la forma correcta de hacer esto

Sólo tiene que utilizar la marca de tiempo Unix (segundos desde el 01.01.1970) como valor de x.

entonces se puede establecer un formateador etiqueta personalizada y convertir la marca de tiempo Unix en una cadena:

final java.text.DateFormat dateTimeFormatter = DateFormat.getTimeFormat(mActivity); 

LineGraphView graphView = new LineGraphView(mActivity, entry.getValue()) { 
    @Override 
    protected String formatLabel(double value, boolean isValueX) { 
     if (isValueX) { 
      // transform number to time 
      return dateTimeFormatter.format(new Date((long) value*1000)); 
     } else { 
      return super.formatLabel(value, isValueX); 
     } 
    } 
}; 

Answer 3

Aquí está la respuesta actualizada de jjoe64, con los valores de x obtienen a partir de la fecha # getTime()

final DateFormat dateTimeFormatter = DateFormat.getDateTimeInstance();   
    graphView = new LineGraphView(context, "Chart"); 
    graphView.setCustomLabelFormatter(new CustomLabelFormatter() 
    { 
     @Override 
     public String formatLabel(double value, boolean isValueX) 
     { 
      if (isValueX) 
      { 
       return dateTimeFormatter.format(new Date((long) value)); 
      } 
      return null; // let graphview generate Y-axis label for us 
     } 
    }); 

Answer 4

creé las etiquetas horizontales al mismo tiempo que estaba estableciendo los valores:

public void initializeLineGraphView() { 

    // Get last weeks entries from the DB 
    ArrayList<Entry> entries = DbManager.getInstance().getLastWeeksEntries(new Date()); 
    String[] hLabels = new String[entries.size()]; 
    GraphView.GraphViewData[] graphViewData = new GraphView.GraphViewData[entries.size()]; 

    for(int i = 0; i < entries.size(); i++) { 

     Entry entry = entries.get(i); 
     int pain = entry.getPain(); 
     graphViewData[i] = new GraphView.GraphViewData(i, pain); 

     // Generate the horizontal labels 
     SimpleDateFormat sdf = new SimpleDateFormat("EEE"); 
     String dayOfWeek = sdf.format(entry.getDate()); 
     hLabels[i] = dayOfWeek; 

    } 

    mSeries = new GraphViewSeries("", null, graphViewData); 
    GraphView graphView = new LineGraphView(getActivity(), ""); 
    graphView.addSeries(mSeries); 
    graphView.setHorizontalLabels(hLabels); 
    graphView.setVerticalLabels(new String[] {"10", "5", "0"}); 
    mLineGraphView = graphView; 

}