Ejemplos · Gráfico de barras

Gráfico de barras: ejemplos

Estos ejemplos de gráficos de barras se dibujan en vivo. Pasa el cursor por una barra para leer su valor y cambia el tema. Cada diagrama de barras tiene una especificación que puedes copiar e insertar en otra página.

Cuándo usarlo

  • Comparar ingresos por región, respuestas por opción o registros por canal
  • Mostrar una clasificación con barras ordenadas
  • Comparar mediciones individuales cuando importan más las diferencias exactas que las tendencias

¿Conviene otra forma?

Para muchos momentos, las líneas muestran mejor el recorrido. Veinte barras seguidas pueden resultar difíciles de leer.

Ejemplos de uso

Barras horizontales

Las barras forman una clasificación con las etiquetas al lado.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "bar",
  "theme": "mint",
  "title": "Cómo van al colegio",
  "source": "Encuesta escolar, 214 respuestas",
  "data": {
    "labels": [
      "A pie",
      "Autobús",
      "Coche",
      "Bicicleta",
      "Transporte público"
    ],
    "series": [
      {
        "name": "Estudiantes",
        "values": [
          71,
          58,
          44,
          24,
          17
        ]
      }
    ]
  }
}

Columnas agrupadas

Dos series comparan este año y el anterior. Los importes se expresan en euros.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "column",
  "theme": "ink",
  "title": "Ingresos por trimestre (miles de €)",
  "source": "Finanzas sin auditar",
  "options": {},
  "data": {
    "labels": [
      "T1",
      "T2",
      "T3",
      "T4"
    ],
    "series": [
      {
        "name": "Este año",
        "values": [
          48,
          52,
          47,
          61
        ]
      },
      {
        "name": "Año anterior",
        "values": [
          39,
          42,
          40,
          53
        ]
      }
    ]
  }
}

Columnas con objetivo

options.target dibuja una referencia discontinua. Identifica los días que superan el objetivo.

Abrir en el creador con estos datos

Ver especificación 
{
  "type": "column",
  "theme": "editorial",
  "title": "Visitas a tienda frente al objetivo diario",
  "source": "Contador de entradas, esta semana",
  "options": {
    "target": {
      "value": 120,
      "label": "Objetivo"
    }
  },
  "data": {
    "labels": [
      "lun",
      "mar",
      "mié",
      "jue",
      "vie",
      "sáb"
    ],
    "series": [
      {
        "name": "Visitas",
        "values": [
          104,
          131,
          98,
          126,
          142,
          167
        ]
      }
    ]
  }
}

¿Barras o columnas?

Los mismos datos en otra dirección. Las barras horizontales dejan más espacio para nombres largos.

Columnas verticales
Barras horizontales
Abrir este gráfico en el creador Empezar con Gráfico de barras

Preguntas frecuentes

¿Qué diferencia hay entre barras y columnas?

La orientación: las columnas son verticales y las barras horizontales. Los nombres largos caben mejor junto a una barra. Comparten el modelo de datos y el motor anima el cambio entre ambas.

¿Para qué sirve un gráfico de barras?

Para cantidades medibles en categorías separadas. La base común permite comparar tamaños con precisión.

¿Cómo creo mi gráfico de barras?

Abre el creador y pega «Búsqueda, 132» o columnas de una hoja de cálculo. Se actualiza al editar. Exporta código, PNG, SVG o un enlace. Los datos permanecen en tu navegador.