Los gráficos de líneas y de áreas muestran la información como una serie de puntos de datos conectados por segmentos de línea recta. En los gráficos de áreas, el espacio debajo de los segmentos de línea se rellena con color, mientras que en los gráficos de líneas solo se representan los segmentos de línea sin color ni sombreado adicional. Estos gráficos facilitan la visualización de datos a lo largo del tiempo (utilizando datos de series temporales) e identificar tendencias y patrones en todo el rango de datos. Los gráficos de líneas y áreas permiten visualizar datos tanto discretos como continuos.
Gráficos de líneas y áreas discretas
Los gráficos de líneas y áreas discretas visualizan categorías o Datos agrupados con algún tipo de orden lógico, como el tiempo. Atlas Charts siempre agrega valores en gráficos discretos, de modo que cualquier número de documentos puede proporcionar valores a un punto determinado. Un gráfico discreto sería útil para visualizar las ventas anuales promedio de una tienda a lo largo del tiempo.
Canales de codificación de gráficos discretos
Los gráficos de líneas y áreas discretas proporcionan los siguientes canales de codificación:
Canal de codificación | Descripción |
|---|---|
Eje X | El category Canal de codificación. Atlas Charts representa un punto de datos para cada valor único del campo asignado a este canal de codificación. |
Y Axis | El canal de codificación aggregation. Este canal determina el campo al que se agregará y el tipo de agregación que se realizará. Esto, en última instancia, determina la posición del punto de datos de cada categoría en el gráfico. Las categorías se definen mediante el canal de codificación X Axis. Puede agregar datos en varios campos de su conjunto de datos para crear gráficos multiseries. Para más información, consulte Asignaciones de campos múltiples. |
Serie | (Opcional) Añadeun category canal de codificación adicional a la visualización. Al utilizarlo, Atlas Charts añade una línea adicional a la visualización por cada valor único en este campo. Úselo para asignar campos categóricos discretos adicionales a sus datos, en lugar de varios campos agregados. Esta opción solo está disponible cuando hay un solo campo asignado al Y Axis aggregation canal de codificación. |
Gráficos de áreas apiladas con un 100%
100Los gráficos de áreas apiladas con un % son un subtipo de gráficos de áreas discretas. En los 100gráficos de áreas apiladas con un %, el área total mostrada se normaliza al 100% y se divide en segmentos según la categoría del Series canal de codificación. Cada serie se muestra como un porcentaje del total.
Al utilizar un gráfico de áreas apiladas tradicional, puede resultar difícil comparar las proporciones de cada serie con el total si el valor total de los segmentos del gráfico difiere en gran medida. Los gráficos apilados 100% facilitan la comparación de las proporciones de cada serie con el total al mostrar porcentajes relativos.
Para ver un ejemplo detallado, consulte el 100Ejemplo de gráfico de área apilada del %.
Gráficos de líneas y áreas continuas
En los gráficos de líneas y áreas continuas, cada punto de datos proviene de un documento distinto en la fuente de datos. Los gráficos continuos no admiten agregación ni agrupación. Un gráfico continuo sería útil para visualizar los precios de cierre de las acciones a lo largo del tiempo, suponiendo que cada precio de cierre proviene de un documento distinto en el conjunto de datos.
Canales de codificación de gráficos continuos
Los gráficos de líneas y áreas continuas proporcionan los siguientes canales de codificación:
Canal de codificación | Descripción |
|---|---|
Eje X | Atlas Charts representa un punto de datos para los valores de este campo de cada documento de la colección. |
Y Axis | Para cada documento en la fuente de datos, Atlas Charts compara el valor de este campo con el campo X Axis y traza el valor resultante. Puede agregar varios value canales de codificación al del gráfico Y Axis para crear gráficos multiseries. Para obtener más información, consulte Asignaciones de campos múltiples. |
Serie | (Opcional) Agregaun category canal de codificación adicional a la visualización. Al utilizar este campo, se agrega una línea adicional a la visualización por cada valor único. Esta opción solo está disponible cuando hay un solo campo asignado al Y Axis aggregation canal de codificación. |
Etiquetas de fecha inteligentes para gráficos de líneas y áreas continuas
Las etiquetas inteligentes para fechas son marcadores de eje agrupados por unidades de tiempo para reducir la repetición de información. Se generan automáticamente según el rango del gráfico cuando... date El campo de tipo está codificado en un eje de valor X o Y.
Las etiquetas inteligentes están habilitadas de forma predeterminada cuando los campos de fecha se codifican en los ejes de valores de los tipos de gráficos compatibles. Para activar y desactivar las etiquetas inteligentes:
Haga clic Customize en la pestaña encima de los canales de codificación en el Generador de gráficos.
Expandir la sección Fields.
Seleccione el campo deseado del menú desplegable.
Si el interruptor de alternancia Use Smart Labels on Axis está configurado en Off, cámbielo a On.

Nota
Cuando las etiquetas inteligentes están habilitadas, las opciones de formato de fecha y hora permanecen disponibles. Cualquier opción de formato que aplique será visible en la información sobre herramientas del gráfico.
Visualización de gráficos de área discreta versus área continua
Los gráficos de áreas discretas se apilan, lo que significa que Atlas Charts traza cada serie por encima o por debajo de las demás en la visualización. El gráfico muestra el valor total agregado de todas las series, para que pueda ver fácilmente la proporción de cada serie con respecto al total.
Los gráficos de área continuos se superponen, lo que significa que Atlas Charts traza cada serie directamente sobre otra en la visualización.
Casos de uso
Los gráficos de líneas y de áreas están estrechamente relacionados y son útiles para representar datos de series temporales y datos con un orden lógico. Sin embargo, en algunos casos puede ser más beneficioso usar un tipo de gráfico que otro.
Considere usar un gráfico de líneas al crear gráficos multiseries, donde cada serie representa un campo aislado. Atlas Charts apila gráficos de áreas multiseries, como se muestra en este ejemplo, lo que da como resultado un gráfico donde los totales apilados parecen compartir una relación que contribuye a un valor total mayor. Esto puede no ser deseable dependiendo de las relaciones específicas dentro de los campos de datos.
El gráfico de líneas muestra los datos de cada serie en línea entre sí sin apilarlos, lo que puede proporcionar una representación más precisa de los datos como se muestra en el gráfico de líneas discretas.
Los gráficos de área son útiles para mostrar una tendencia general y al mismo tiempo resaltar el desempeño relativo de los componentes individuales de esa suma.
Considere usar un gráfico de áreas discretas al ilustrar una relación entre una parte y un todo, como el seguimiento de métricas de datos a lo largo del tiempo. Un ejemplo podría ser mostrar
revenueen comparación conexpensesa lo largo de un año.Un gráfico de área continua funcionaría en este escenario si estuviera menos preocupado por la suma de los dos campos y, en cambio, quisiera una comparación más directa de los campos entre sí.
Tip
Si sus datos no tienen un orden lógico, considere usar un gráfico de barras o columnas para visualizarlos. Si el orden de los datos no es importante, un gráfico de barras o columnas puede resaltar rápidamente los valores máximos y mínimos de la visualización, lo cual puede ser más beneficioso que sugerir al usuario que lea el gráfico de izquierda a derecha, como en un gráfico de líneas o de áreas.
Opciones de personalización
Las siguientes opciones de personalización son específicas de los gráficos de líneas y áreas. Para ver todas las opciones de personalización disponibles, consulte Personalizar gráficos.
Ajustar el ángulo de la etiqueta del eje X
Puede ajustar los ángulos de las etiquetas del eje X en los gráficos de áreas discretas con múltiples series y de líneas discretas con múltiples campos agregados.
Puede ajustar el ángulo de la etiqueta del eje X a una de las siguientes opciones:
Opción | Descripción |
|---|---|
Vertical | Etiquetas alineadas a la derecha en un ángulo de 270 grados. |
Horizonal | Etiquetas centradas a un ángulo de 0 grados. |
Diagonal | Etiquetas alineadas a la derecha en un ángulo de 315 grados. |
Para configurar esta opción:
Haga clic en la pestaña Customize de su gráfico.
En la sección Axes, seleccione un Label Angle para el X Axis.
Mostrar u ocultar marcadores de datos
En los gráficos de líneas y áreas, puede determinar si se muestran marcadores de datos visibles que representan puntos de datos individuales. Al activar esta opción, es más fácil ver con exactitud la ubicación de los puntos de datos a lo largo de una línea. Al pasar el cursor sobre estos marcadores, se muestran los valores exactos de los datos en una descripción emergente, lo que facilita la visualización de mediciones precisas.
Para configurar esta opción:
Abre el panel Personalizar de tu gráfica.
En la sección General, coloque el interruptor Data Markers en la configuración deseada.
Para personalizar el formato del número en la información sobre herramientas del marcador de datos, modifique la configuración de Formato de número para el campo correspondiente.
Establece un estilo de línea discontinua distinto por serie en gráficos de líneas
En gráficos de líneas discretas y continuas, puede optar por mostrar cada serie con un estilo de trazos distintivo. Esta opción facilita la visualización del gráfico, ya que permite distinguir las series más allá del color.
Para configurar esta opción:
Abre el panel Personalizar de tu gráfica.
En la sección General, coloque el interruptor Dash Styles per Series en la configuración deseada.
Mostrar u ocultar etiquetas de valores de datos
Puede determinar si los gráficos muestran etiquetas de texto para los valores de sus datos. Las etiquetas de valores de datos muestran los valores exactos de sus puntos de datos.
Para configurar esta opción:
Abre el panel Personalizar de tu gráfica.
En la sección General, coloque el interruptor Data Value Labels en la configuración deseada.
Para personalizar el formato del número en la etiqueta de datos, modifique la configuración de Formato de número para el campo correspondiente.
Add a Trendline
Puede agregar una línea de tendencia a un gráfico de líneas/áreas continuo o de dispersión. Para activar la función de línea de tendencia:
Abre el panel Personalizar de tu gráfica.
Desplácese hacia abajo hasta la sección Chart Elements.
Activa o desactiva el interruptor Trendline.
Seleccione una serie del menú desplegable Series.
Seleccione un tipo de línea de tendencia en el menú desplegable Type.
Las líneas de tendencia abarcan toda la longitud del eje X de un gráfico, incluido cualquier espacio adicional agregado como resultado de una personalización del eje mínimo/máximo.
Están disponibles los siguientes tipos de líneas de tendencia:
Lineal (predeterminado)
Logarítmico
Cuadrático
Cúbico
Exponencial
Energía
La opción de línea de tendencia no está disponible si:
Se utiliza un recuento por agregación de valores.
Líneas suaves
Puedes cambiar la forma en que se trazan las líneas en tu gráfica. Para suavizar líneas:
Abre el panel Personalizar de tu gráfica.
En la sección General, establecer Line Smoothing en la opción deseada.
Están disponibles las siguientes opciones de suavizado de línea:
Opción | Descripción |
|---|---|
Ninguno (predeterminado) | Dibuja líneas rectas entre puntos de datos. |
Smooth | Dibuja líneas curvas entre puntos de datos. |
Paso anterior | Las líneas se extienden horizontalmente hasta los puntos de datos. Esto resulta útil para visualizar datos que solo cambian en intervalos y se recopilan al final de un período, como la temperatura media diaria. |
Paso después | Las líneas se extienden horizontalmente desde los puntos de datos. Esto resulta útil para visualizar datos que solo cambian en intervalos, como los precios de las acciones. |
Ejemplos
Gráfico de áreas discretas con series múltiples
El siguiente gráfico visualiza los datos de ventas de una tienda simulada de suministros de oficina. Cada documento de la colección representa una venta individual con información sobre los artículos vendidos y el cliente que realizó la compra. Este gráfico de áreas discretas muestra la distribución de las edades de los clientes en las ventas de la colección:

El X Axis campo de customer.age traza las edades de los clientes a lo largo del eje X. Nos dirigimos a Gráficos para agrupar las edades en grupos 5 de.
El campo Y Axis de customer.age y la opción aggregate de count cuentan las ocurrencias de cada edad en el contenedor correspondiente.
Por último, aplicamos el campo item.name al canal de codificación Series para dividir el área de edad en segmentos que muestran el recuento de cada grupo de edad que compra cada artículo de la tienda.
Nota
Para obtener más información sobre los gráficos multiseries, consulte Gráficos multiseries.
Gráfico de área apilada del 100%
El siguiente gráfico visualiza datos de una tienda simulada de suministros de oficina. Cada documento de la colección representa una venta individual con información sobre los artículos vendidos y el cliente que realizó la compra. Este gráfico de áreas apiladas del 100% muestra los porcentajes relativos de artículos vendidos en cada fecha del mes:

El X Axis campo de saleDate representa cada venta según su fecha. Las opciones de Agrupamiento y Periodicidad están activadas, por lo que Charts agrupa las fechas en grupos según cada día del mes.
Nota
Para más información sobre la agrupación de fechas y el ajuste periódico, consulta la página de Data Bin.
El Y Axis campo de _id ejecuta una agregación de conteo para calcular el número total de ventas realizadas cada día del mes. Dado que se trata de un 100gráfico apilado del %, todos estos valores se normalizan al 100% y se segmentan por el Series canal de codificación.
El campo Series de item.name segmenta el área total del gráfico según el nombre del artículo vendido. Dado que puede haber varios artículos en un mismo documento, usamos Unwind esta matriz para agregar cada artículo a la visualización. Esto proporciona una imagen clara de los porcentajes relativos de artículos vendidos según la fecha del mes.
Gráfico de líneas discretas con múltiples campos agregados
El siguiente gráfico visualiza datos sobre películas. Cada documento de la colección representa una película y contiene información general sobre ella, así como las calificaciones de varios agregadores de calificaciones. Este gráfico de líneas discretas compara el promedio de Rotten Tomatoes.tomato.meter calificaciones y calificaciones promedio de Metacritic de películas a lo largo del tiempo. Ambas calificaciones están en una escala 0 del 100 al:

El X Axis campo de year representa cada película según su año de estreno. Dirigimos a Gráficos para agrupar los años en grupos 5 de.
Los campos Y Axis de tomato.meter y metacritic, junto con la opción aggregate de mean, calculan y trazan las valoraciones medias de películas de cada grupo de 5 años.
Nota
Para obtener más información sobre cómo crear gráficos con múltiples campos agregados, consulte Asignaciones de campos múltiples.
Gráfico de líneas continuas utilizando datos de series temporales
La siguiente gráfica visualiza datos relacionados con el uso de una batería doméstica alimentada por energía solar. Este grafo continuo en línea muestra el nivel de carga de la batería a lo largo del tiempo:

El campo X Axis de timestamp representa cada marca de tiempo en la fuente de datos. Los campos Y Axis de energy_left y total_pack_energy representan una serie en el gráfico: la energía restante de la batería y la energía total que conserva. Esta comparación muestra qué tan cerca está la batería de cargarse por completo.
Nota
En este caso, un gráfico continuo funciona mejor que uno discreto, ya que nuestro campo X Axis, timestamp, no es una variable categórica discreta, sino un valor continuo a lo largo de un rango. Queremos representar cada timestamp como un punto individual, en lugar de mostrar un valor agregado de varios valores de datos.
Limitaciones
El límite máximo de documentos para gráficos de áreas y líneas discretas es 5000 documentos.
El límite máximo de documentos para gráficos de áreas y líneas continuas es 50000 documentos.