Hablando de cartas para Android, MPAndroidChart que hablar de esta fuente abierta poderosa trazar la biblioteca, en cuanto a lo poderoso, dejaría que nos fijamos en las representaciones realizadas! Si las representaciones calado con su atención, entonces, eh eh eh, por supuesto, es leer el artículo, y, finalmente, señalar un elogio!
Quiet Mimi le diga, esto es sólo la punta del iceberg del efecto se puede lograr (y muchas representaciones puse la superficie final del artículo)
MPAndroidChart se llama Philipp GitHub una gran Dios escrita, también podría dibujar un gráfico de las diversas biblioteca . Ahora en la próxima era de grandes volúmenes de datos, usando tablas para mostrar los datos más intuitivo. Y se requieren muchas industrias (tales como acciones, cuidado de la salud, etc. ...) para apoyar el gráfico. Así, a partir de nuestro programador es una tecnología necesaria. En los que estos tipos de gráficos: un HorizontalBarChart (histograma lateral) gráfico de velas (vela) un BubbleChart (gráfico de burbujas) la scatterchart PieChart (PIE) RadarChart (gráfico de radar) (diagrama de dispersión LineChart (gráfico de líneas) un BarChart (histograma), ) combinación CombinedChart (FIG).
En primer lugar, agregar dependencias
Basta con añadir en la que puede confiar contento con este poderoso icono de la biblioteca para arriba!
Para más detalles, por favor salte a mi blog original: Para MPAndroidChart detallada - Agregar la dependencia
En segundo lugar, crear una vista sencilla e implementación
Implementar un simple dibujo muy simple, primero que hay que añadir en una vista (vista) en el archivo XML, y luego crear un código de fondo List<Entry>, entonces el eje X y los datos del eje Y en una lista, a continuación, crear un objeto DataSet y Datos el objeto pasa en los parámetros correspondientes, y, finalmente, el control llama al setData()método que se pasa en su objeto de datos , un gráfico de líneas para generar! Código es más o menos así:
//其中两个参数对应的分别是 X轴 Y轴
list.add(new Entry(0,7));
list.add(new Entry(1,10));
list.add(new Entry(2,12));
list.add(new Entry(3,6));
list.add(new Entry(4,3));
//list是你这条线的数据 "语文" 是你对这条线的描述
LineDataSet lineDataSet=new LineDataSet(list,"语文");
LineData lineData=new LineData(lineDataSet);
//有多条数据则使用adddataset()方法 参数是你的DataSet
//lineData.addDataSet(lineDataSet);
Por favor poner en práctica un código específico y saltar a mi blog original: Detalles de uso MPAndroidChart - la creación de puntos de vista y aplicación sencilla
En tercer lugar, seguido de gráfico interactivo
Los gráficos interactivos, se refieren a la tabla que algunas operaciones, tales como: gesto de zoom, haga clic en, prensa, arrastre, etc., estos eventos se puede hacer mediante ajuste de activar (o desactivar) y escuchan durante los eventos de devolución de llamada . La siguiente es parte del método de devolución de llamada oyente:
public interface OnChartGestureListener {
//长按监听事件回调
public void onChartLongPressed(MotionEvent me);
//双击监听事件回调
public void onChartDoubleTapped(MotionEvent me);
//单击监听事件回调
public void onChartSingleTapped(MotionEvent me);
}
código sea más específico y saltar para alcanzar mi blog original: Para MPAndroidChart detalla - los gráficos interactivos
En cuarto lugar, el resaltado
Por encima, medios de relieve que al hacer clic en una tabla de datos, se destaca que los datos (por supuesto se puede desactivar), resalte se pueden activar (o desactivado), también se puede establecer el estilo para poner de relieve, incluso se puede anular la clase más destacado y luego usar el setHighlighter(ChartHighlighter highlighter)método para poner de relieve la clase entrante de su estilo Modif (por ejemplo, que se define como una imagen de la forma ...), y también destacó el oyente eventos de devolución de llamada:
public interface OnChartValueSelectedListener {
//选中一处高亮时的回调
public void onValueSelected(Entry e, Highlight h);
//没有选中时的回调
public void onNothingSelected();
}
código sea más específico y saltar para alcanzar mi blog original: Para MPAndroidChart detalla - lo más destacado
cinco ejes
Eje como uno de los elementos más importantes en un gráfico, ser algún paisaje es muy necesario! Por ejemplo, puede por setEnabled(boolean enabled)métodos de establecer si el dibujo eje, también puede setAxisMaximum(float max)coordinar la máxima eje método de ajuste, el valor mínimo. Si es necesario, puede incluso setInverted(boolean enabled)poner los ejes al revés! Por supuesto, Axis cuenta con un atributo muy importante es a menudo necesaria para configurar, y que es la coordenada de la etiqueta de eje, el eje x que pueda necesitar para mostrar la forma de la semana, y el valor predeterminado es los números arábigos, directamente a través de este .setValueFormatter();método de cambio de formato de lo que se puede! Métodos para lograr el eje X es el siguiente:
XAxis xAxis = chart.getXAxis();//实例化X轴对象进行使用
//设置X轴位置 有以下几种 TOP BOTTOM BOTH_SIDED TOP_INSIDE BOTTOM_INSIDE
xAxis.setPosition(XAxisPosition.BOTTOM);
//设置X轴标签数据绘制的角度 也就是X轴上数据标签的旋转角度
xAxis.setLabelRotationAngle(90)
xAxis.setTextColor(Color.RED);//设置标签字体颜色
// 自定义X轴上的数据格式
xAxis.setValueFormatter(new MyCustomFormatter());
código sea más específico y saltar para alcanzar mi blog original: Para MPAndroidChart detalla - el eje (eje X, eje Y, la línea de cero)
En sexto lugar, los datos de complemento
Adición de datos es en realidad muy simple, sólo hay que escribir una lista y, a continuación, añadir sus datos en el interior, pero debido a dibujar diferentes gráficos de diferentes parámetros que necesita para llenar, List <> tipo de contenido dentro de los paréntesis angulares necesidad de cambiar, como un gráfico de líneas (LineChart) está lista, tales como gráficos de barras (BarChart) está lista, y el pastel (PieChart) es una lista, y así sucesivamente, cada mapa tiene una entrada diferente, por lo que los parámetros serán diferentes cuando se agrega datos, el siguiente algunos ejemplos:
//折线图（LineChart）添加数据
List<Entry>list=new ArrayList<>();
//其中两个参数对应的分别是 X轴 Y轴
list.add(new Entry(1,10));
list.add(new Entry(2,12));
//条形图（BarChart）添加数据
List<BarEntry>list=new ArrayList<>();
//其中两个数字对应的分别是 X轴 Y轴
list.add(new BarEntry(1,7));
list.add(new BarEntry(2,10));
//饼图（PieChart）添加数据
List<PieEntry> list= new ArrayList<>();
//第一个参数是当前所占区域的大小数据,第二个参数是当前扇形的描述
list.add(new PieEntry(20, "软件设计"));
list.add(new PieEntry(30, "英语"));
código sea más específico y saltar para alcanzar mi blog original: Para MPAndroidChart detalla - los datos de ajuste
Siete, ValueFormatter Interfaz
A continuación, en el que las unidades de datos de la línea de plegado, las etiquetas personalizadas del eje X son ValueFormatter logra a través de la interfaz, la interfaz se puede formatear datos ValueFormatter los datos del gráfico, el eje X, eje Y (de encargo), en el desarrollo real es una interfaz muy común, pero también aprender un punto de habilidad en el gráfico aprenderá!
código sea más específico y saltar para alcanzar mi blog original: MPAndroidChart detalla el uso de interfaz --ValueFormatter
Ocho, ajustes de estilo de tabla
Cuando se trata de algo del estilo de la tabla, como se muestra arriba es establecer simplemente un poco de color de fondo de la tabla, usted desea hacer una buena carta, ajustes de estilo de toda la vista del gráfico se vuelve extremadamente importante, por ejemplo, es necesario ajustar todo el gráfico el color de fondo simplemente llamar al setBackgroundColor(int color)método, por ejemplo, usted desea establecer el ancho del borde y la línea fronteriza de todo el gráfico simplemente llaman setBorderColor(int color)y setBorderWidth(float width)métodos pueden ser, y lo que hay muchas maneras ...
el código específico vez más consciente de saltar a mi original blog: MPAndroidChart uso detallado - la configuración de gráficos y ajustes de estilo gráfica
Nueve, la leyenda
La misma leyenda como uno de los elementos más importantes de la tabla, su estilo de paisaje es también esencial para aprender un gráfico lección, como se muestra a continuación, la leyenda que está cambiando el estilo y ubicación, a sólo unas pequeñas líneas de código, puede tener una leyenda poco hermosa, se puede llamar al setEnabled(boolean enabled)método para desactivar (o activar) la leyenda, también puede llamar al setPosition(LegendPosition pos)método para fijar la posición de la leyenda en el gráfico, incluso se puede setCustom(int[] colors, String[] labels)personalizar el contenido del color de texto de la etiqueta y la definición de la leyenda!
código sea más específico y saltar para alcanzar mi blog original: Para conjunto más detallado de uso --Legend leyenda MPAndroidChart
 |
 |
|---|---|
 |
 |
Descripción de la tabla X. (esquina inferior derecha del Inglés)
Los estudiantes aprendiendo el gráfico puede notar, ya sea pintando qué tipo de gráfico, esquina inferior derecha siempre habrá un montón de letras pequeñas, no sé Gansha, siempre esparadrapo y cuando siga cada gráfico por supuesto, los estudiantes serán capaces de comprender mejor el Inglés significado de la palabra, que se describe en la tabla, se utilizó el desarrollo real se describe en el gráfico no es mucho, además de que tienen que decir para describir la tabla, usted podría tener en el gráfico anterior más un TextView, puede alcanzar más estilos de título, y esta descripción que desee dejar que se muestran justo por encima de su carta, y luego para definir el tamaño de fuente, color de fuente, es mejor escribir un TextView totalmente sencilla, dijo: Ve, todavía tendrá que usar, hey hey
código específico vez más consciente de saltar a mi blog original: para MPAndroidChart detalla - el ajuste (la esquina inferior derecha de la cadena de Inglés) tabla describe
de datos de gráfico dinámicos XI
Como puede observarse, los datos dinámicos a menudo es necesario utilizar el desarrollo real de la propiedad, donde la presentación de datos para agregar y datos de borrado, por supuesto, si tuviera que hacer un tiempo real de datos de actualización en la tabla es la misma razón, sólo se necesitan los datos re-establecido, a continuación, llamar .notifyDataSetChanged()y .invalidate()métodos de actualización de los datos del gráfico y la pantalla, verá una tabla con un nuevo dato aparecen delante de usted!
código sea más específico y saltar para alcanzar mi blog original: Detalles de uso MPAndroidChart - gráficos de datos en tiempo real dinámico
XII modificar visualización de la ventana
visualización de la ventana Modificar, pantalla es en realidad una vista de algunos ajustes, tales como el uso setVisibleXRangeMaximum(float maxXRange)del método, los espectáculos de eje X el tamaño máximo de una definición, o por setExtraOffsets(float left, float top, float right, float bottom)la instalación de desviación adicional (aproximadamente vista de gráfico), o pueden llamar de nuevo centerViewTo(float xValue, float yValue, AxisDependency axis)la corriente moverse hacia el centro de la vista de los valores de y especificados x, y, y el uso del código de vista de zoom y así sucesivamente ...
el código específico vez más consciente de saltar a mi blog original: Detalles de uso MPAndroidChart - visualización de la ventana Modificar
XIII, animación
Como efecto de envío, un gráfico donde no hay línea de la película decente? La madera se quedó madera para estancia que no es mi estilo, aquí es demostrar la animación más fácil de eje y animación, nota que este es el más simple, puede decirse que los resultados más bajos, cuántos se cuenta cuántas a continuación se (20+), el efecto tanto como quería usar la tabla para ser una caricatura ~
public enum EasingOption {//由于效果太多，中间用逗号隔开了
Linear,EaseInQuad,EaseOutQuad,EaseInOutQuad,EaseInCubic,EaseOutCubic,EaseInOutCubic,EaseInQuart,
EaseOutQuart,EaseInOutQuart,EaseInSine,EaseOutSine,EaseInOutSine,EaseInExpo,EaseOutExpo,EaseInOutExpo,
EaseInCirc,EaseOutCirc,EaseInOutCirc,EaseInElastic,EaseOutElastic,EaseInOutElastic,EaseInBack,EaseOutBack,
EaseInOutBack,EaseInBounce,EaseOutBounce,EaseInOutBounce
}
código sea más específico y saltar para alcanzar mi blog original: Detalles de uso MPAndroidChart - Animación
Catorce, MarkerView
iMarker personalizar la vista de la interfaz puede ser implementada destacando marcadores, acaba de escribir una clase que hereda MarkerView, entonces instantiate marcador más tarde, el gráfico de llamadas .setMarker()método puede ser.
Aquí están dos IMarker preestablecido
| Seleccione Ver | Permitir la carga de un diseño correspondiente a etiquetas de visualización, los hereda de la clase y las anulaciones refreshContent (...) el método a los datos de uso de anotación |
|---|---|
| Seleccionar imagen | Permite la carga de una etiqueta en una imagen de visualización correspondiente a la imagen, y reemplazar el método refreshContent herencia de clases (...) a los datos de uso de anotación |
Más código específico y saltar para alcanzar mi blog original: MPAndroidChart detalla el uso --MarkerView
Quince, ChartData clase y subclase ChartData
ChartData clase es la clase de datos (subclase) de la clase base, Linedata similares, BarData, ... si todo esto. Se utiliza por el setData en Chart (...) método de la carta. De hecho, muchas veces por el método de la subclase ChartData serían capaces de cumplir con los requisitos funcionales, que está aquí para hacer un mejor conocimiento y comprensión de la carta modelo de datos. El primero en escribir una clase que hereda ChartData y vuelva a grabar algunos métodos, etc., no mucho BB aquí.
código sea más específico y saltar para alcanzar mi blog original: MPAndroidChart detalla el uso de las clases y subclases --ChartData ChartData
Dieciséis, clase y subclase de conjunto de datos Conjunto de datos
Conjunto de datos categoría de clase es todos los conjuntos de datos (subclase) de la clase base, LineDataSet similares, BarDataSet, ... si todo esto. Sus métodos básicos y ChartData la misma, por lo que no muchos BB.
código sea más específico y saltar para alcanzar mi blog original: MPAndroidChart detallan su uso en clase --DataSet conjunto de datos y la subclase
Diecisiete, ViewPortHandler (controlador de vista)
ViewPortHandler clase es responsable de manejar el puerto vista de gráfico. Esto significa que es responsable del contenido visible en la vista gráfico, que el nivel de zoom, así como el tamaño del área de dibujo y la corriente compensados todos los aspectos de la situación actual de la tabla de traducción e. Este ViewPortHandler permite el acceso directo a todos los atributos anteriores y modificarlos. Recomendación: Ajustar este sentido es mejor tener un cierto nivel de API humana y familiar para operar, de lo contrario se puede producir una gran cantidad de errores inesperados.
código sea más específico y saltar para alcanzar mi blog original: MPAndroidChart detalla el uso --ViewPortHandler (controlador de vista)
Dieciocho, FillFormat Interfaz
interfaz FillFormatter LineDataSet permite que los datos personalizados no deben extraerse (es decir, se saltó) donde. Sólo es necesario crear una clase e implementar la interfaz FillFormatter a su uso. Muy simple, escribir una clase que implementa la interfaz FillFormat, el objeto DataSet y luego llamar al .setFillFormatter()método de paso de parámetros se pueden realizar.
código sea más específico y saltar para alcanzar mi blog original: MPAndroidChart detalla el uso de interfaz --FillFormat
Noveno, conjunto diverso de útil
Esta sección es el funcionario categorizado como métodos diversos, tales como: datos de tabla clara, así como algunos de los métodos para obtener información gráfica y la tabla para guardar las imágenes guardadas en la galería del teléfono, y así sucesivamente ...! Algunos son desarrollo real a menudo requiere el uso del método, por lo que es muy importante! Por ejemplo clear()borra todos los datos del gráfico, como isEmpty()la determinación de si objeto de datos de tabla está vacía, otro ejemplo saveToGallery(String title)salvará la galería de éxitos actual (el permiso necesario) como una imagen.
Más código específico y saltar para alcanzar mi blog original: MPAndroidChart detalla uso - Varios (útil)
XX, finalmente ofreció un gran representaciones de ondas
gráfico de líneas
gráfico de barras
pastel de
radar, burbuja, dispersión ,, vela, la combinación de la figura.
El primero en romper el blog millón de palabras, delante de la pantalla si usted pensaba que no era demasiado malo. . . Al igual que el estímulo en el punto de un canto ~
 |
 |
|---|
