> ## Documentation Index
> Fetch the complete documentation index at: https://ayuda.pxsol.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ¿Cómo realizar gráficos en Informes?

> En esta guía explicaremos cómo generar gráficos con la información que brinda un informe.

### Introducción

En esta guía explicaremos cómo generar gráficos con la información que brinda un informe.

### Pasos para crear gráficos

<Steps>
  <Step title="Accede al buscador">
    Abre el buscador del Panel de Inicio, haciendo clic sobre él o presionando `ALT + S`.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Apr-01-2021-12-43-35-99-PM.png" alt="Buscador del Panel de Inicio" />
    </Frame>

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Apr-01-2021-12-42-44-95-PM.png" alt="Panel de Inicio abierto" />
    </Frame>
  </Step>

  <Step title="Busca el informe deseado">
    En la columna de **Reportes**, podrás ver los informes disponibles. Escribe en el buscador
    "informe de reservas" para filtrar los resultados y seleccionar el informe de tu interés.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Apr-07-2021-05-41-13-81-PM.png" alt="Filtrando informe de reservas" />
    </Frame>
  </Step>

  <Step title="Abre el informe">
    Al hacer clic en cada informe, se abrirá una nueva pestaña en tu navegador con el formato del
    informe.

    <Frame>
      <img src="https://ayuda.pxsol.com/hubfs/image-585.png" alt="Formato de informe" />
    </Frame>
  </Step>

  <Step title="Selecciona las columnas relevantes">
    Para generar un gráfico efectivo, te recomendamos destildar todas las columnas que no aporten
    información al gráfico deseado. Por ejemplo, si quieres un gráfico que muestre las tarifas totales
    por instancia en el informe de Reservas, solo deberías dejar visibles las columnas "Instancia" y
    "Total Neto".

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-610.png" alt="Selección de columnas para gráfico" />
    </Frame>
  </Step>

  <Step title="Realiza las agrupaciones">
    A continuación, realiza las agrupaciones correspondientes. Siguiendo el ejemplo anterior,
    agruparías los datos por instancias y mostrarías la sumatoria del "Total Neto" para cada una.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-611.png" alt="Agrupación de datos para gráfico" />
    </Frame>
  </Step>

  <Step title="Ordena la información">
    Puedes ordenar la información para modificar el orden del gráfico. Por ejemplo, ordena "Total
    Neto" de menor a mayor para que el gráfico se muestre de forma ascendente.
  </Step>

  <Step title="Selecciona los datos para graficar">
    Una vez que tengas la información que deseas graficar, selecciona todas las celdas que la
    contienen.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-612.png" alt="Selección de datos para graficar" />
    </Frame>
  </Step>

  <Step title="Genera el gráfico">
    Haz clic derecho dentro del área seleccionada y mueve el cursor a la opción "Graficar este rango". Se desplegarán todos los tipos de gráficos disponibles. Selecciona el que prefieras.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-613.png" alt="Opciones de gráficos" />
    </Frame>

    ### Tipos de gráficos disponibles:

    * **Gráficos de columna**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-614.png" alt="Gráfico de columna" />
    </Frame>

    * **Gráficos de barras**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-615.png" alt="Gráfico de barras" />
    </Frame>

    * **Gráficos de torta**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-617.png" alt="Gráfico de torta" />
    </Frame>

    * **Gráficos de Línea**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-618.png" alt="Gráfico de línea" />
    </Frame>

    * **Gráficos de dispersión**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-621.png" alt="Gráfico de dispersión" />
    </Frame>

    * **Gráficos de Zona**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-619.png" alt="Gráfico de zona" />
    </Frame>
  </Step>

  <Step title="Configura o descarga el gráfico">
    Una vez generado el gráfico, podrás configurarlo o descargarlo. Coloca el cursor sobre el gráfico; aparecerán tres opciones a la derecha.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-623.png" alt="Opciones de configuración y descarga de gráfico" />
    </Frame>

    * **Configuración**

    <Frame>
      <img alt="Icono de configuración" src="https://ayuda.pxsol.com/hs-fs/hubfs/Screenshot%202020-06-10%20at%2011-20-45.png?width=62&name=Screenshot%202020-06-10%20at%2011-20-45.png" />
    </Frame>

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-624.png" alt="Ventana de configuración de gráfico" />
    </Frame>

    Aquí podrás personalizar la visualización, modificar datos, agregar títulos, ejes, leyendas, etc.

    * **Descargar**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-625.png" alt="Icono de descarga" />
    </Frame>

    Al hacer clic, se descargará una imagen del gráfico en formato PNG.
  </Step>
</Steps>

<Note>
  Cuando los datos seleccionados no son los adecuados para generar un gráfico, este se mostrará de
  la siguiente manera:

  <Frame>
    <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-622.png" alt="Gráfico con datos no válidos" />
  </Frame>
</Note>