📈 Gráfico de Líneas (Line Chart)

Ideal para mostrar tendencias de datos a lo largo del tiempo.

---

![Demostración del uso del componente]

1. Gráfico de Líneas Básico

{
  type: 'line',
  data: {
    labels: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo'],
    datasets: [{
      label: 'Ventas',
      data: [65, 59, 80, 81, 56],
      tension: 0.1 // Suaviza la línea
    }]
  }
}

---

2. Gráfico con Múltiples Líneas

Puedes comparar diferentes series de datos añadiendo más objetos al array datasets.

{
  type: 'line',
  data: {
    labels: ['Q1', 'Q2', 'Q3', 'Q4'],
    datasets: [
      {
        label: 'Producto A',
        data: [20, 45, 40, 60],
        borderColor: 'rgba(255, 99, 132, 1)',
        tension: 0.1
      },
      {
        label: 'Producto B',
        data: [30, 35, 55, 50],
        borderColor: 'rgba(54, 162, 235, 1)',
        tension: 0.1
      }
    ]
  }
}

---

3. Gráfico de Área (Variante)

Un gráfico de área es una variante del de líneas donde el área bajo la curva se rellena. Se activa con fill: true.

{
  type: 'line',
  data: {
    labels: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo'],
    datasets: [{
      label: 'Ingresos',
      data: [65, 59, 80, 81, 56],
      fill: true, // Rellena el área bajo la línea
      tension: 0.2,
      backgroundColor: 'rgba(75, 192, 192, 0.2)',
      borderColor: 'rgba(75, 192, 192, 1)'
    }]
  }
}

---

📖 Propiedades Clave del Dataset

Propiedad	Tipo	Descripción
label	string	El nombre del conjunto de datos, que aparece en la leyenda y los tooltips.
data	number[]	El arreglo de valores numéricos para cada punto de la línea.
fill	boolean	Si es true, rellena el área bajo la línea. Por defecto es false.
tension	number	Controla la curvatura de la línea. 0 crea líneas rectas. Un valor común es 0.1 para curvas suaves.
backgroundColor	string	Define el color del área rellena (cuando fill: true). Se recomienda usar transparencia (RGBA).
borderColor	string	Define el color de la línea.

---

📖 Propiedades Clave del objeto data

Propiedad	Tipo	Descripción
labels	string[]	Arreglo de etiquetas para el eje X. Cada punto corresponderá a una de estas etiquetas.
datasets	object[]	Arreglo de objetos que representan cada línea/área. Ver la tabla "Propiedades Clave del Dataset".

---

📖 Propiedades Clave del objeto options

Propiedad	Tipo	Descripción
scales	object	Permite configurar los ejes (ej. para definir un min y max).
title	string	Define un título para el gráfico (menor prioridad que el Input() title).
tooltipLabelFormat	string	Formato para los tooltips (ej. '{l}: {v} unidades').
tooltipCallback	function	Función para generar HTML personalizado en los tooltips (mayor prioridad que tooltipLabelFormat).