Ejemplos · Gráfico de líneas

Gráfico de líneas: ejemplos

Un gráfico de líneas une mediciones sucesivas. La pendiente muestra crecimiento, estabilidad o descenso. Estos ejemplos en vivo usan el mismo motor que tus gráficos insertados.

Cuándo usarlo

  • Seguir usuarios mensuales, temperaturas diarias o ingresos trimestrales
  • Comparar el recorrido de dos o tres series
  • Mostrar muchas mediciones sin amontonar barras

¿Conviene otra forma?

Usa barras para categorías sin orden. Unir Norte y Sur con una línea sugeriría una secuencia inexistente.


Ejemplos de uso

Dos series comparadas

Este año y el anterior comparten eje. Si hay muchas series, repártelas en varios gráficos.

Abrir en el creador con estos datos

Ver especificación
{
  "type": "line",
  "theme": "ink",
  "title": "Pedidos semanales, comparación anual",
  "source": "Sistema de pedidos",
  "data": {
    "labels": [
      "S1",
      "S2",
      "S3",
      "S4",
      "S5",
      "S6",
      "S7",
      "S8"
    ],
    "series": [
      {
        "name": "Este año",
        "values": [
          310,
          340,
          335,
          360,
          392,
          405,
          430,
          452
        ]
      },
      {
        "name": "Año anterior",
        "values": [
          280,
          275,
          300,
          310,
          305,
          330,
          341,
          350
        ]
      }
    ]
  }
}

Intervalo en lugar de promedio

Una barra flotante une el valor inferior y superior. Cada fila muestra ambos límites.

Abrir en el creador con estos datos

Ver especificación
{
  "type": "range",
  "theme": "editorial",
  "title": "Rango diario de temperatura",
  "source": "Estación meteorológica, una semana",
  "data": {
    "labels": [
      "lun",
      "mar",
      "mié",
      "jue",
      "vie"
    ],
    "series": [
      {
        "name": "Mínima",
        "values": [
          3,
          5,
          4,
          7,
          9
        ]
      },
      {
        "name": "Máxima",
        "values": [
          11,
          14,
          12,
          15,
          18
        ]
      }
    ]
  }
}

Línea con objetivo SLA

La referencia discontinua permite comprobar el compromiso de cuatro horas: los datos y el objetivo se expresan en minutos (240).

Abrir en el creador con estos datos

Ver especificación
{
  "type": "line",
  "theme": "mint",
  "title": "Mediana del tiempo de respuesta (minutos)",
  "source": "Soporte, últimas diez semanas",
  "options": {
    "target": {
      "value": 240,
      "label": "SLA"
    }
  },
  "data": {
    "labels": [
      "S1",
      "S2",
      "S3",
      "S4",
      "S5",
      "S6",
      "S7",
      "S8",
      "S9",
      "S10"
    ],
    "series": [
      {
        "name": "Minutos",
        "values": [
          312,
          276,
          294,
          246,
          228,
          210,
          234,
          192,
          174,
          186
        ]
      }
    ]
  }
}

Mediciones como puntos

Cada medición diaria es un punto sobre su día. Elige puntos en el creador cuando cada medición sea independiente y una línea inventaría una tendencia.

Abrir en el creador con estos datos

Ver especificación
{
  "type": "scatter",
  "theme": "neon",
  "title": "Consultas diarias de soporte",
  "source": "Soporte, tres semanas",
  "data": {
    "labels": [
      "D1",
      "D2",
      "D3",
      "D4",
      "D5",
      "D6",
      "D7",
      "D8",
      "D9",
      "D10",
      "D11",
      "D12",
      "D13",
      "D14",
      "D15"
    ],
    "series": [
      {
        "name": "Consultas",
        "values": [
          24,
          31,
          18,
          42,
          27,
          12,
          9,
          35,
          29,
          44,
          21,
          16,
          38,
          26,
          31
        ]
      }
    ]
  }
}
Abrir este gráfico en el creador Empezar con Gráfico de líneas


Preguntas frecuentes

¿Qué muestra un gráfico de líneas?

Cómo cambia un valor sobre un eje ordenado, normalmente temporal. Muestra cada medición y la dirección y velocidad del cambio entre ellas.

¿Líneas o barras?

Para días, meses o versiones, las líneas muestran el recorrido. Para categorías sin orden, usa barras. Con más de unos doce momentos, una línea suele leerse mejor.