❄️ Gráfico de Área Polar (Polar Area Chart)

Similar a un gráfico circular, pero los segmentos tienen el mismo ángulo y el radio varía según el valor.

![Demostración del uso del componente]

1. Gráfico de Área Polar Básico

{
  type: 'polarArea',
  data: {
    labels: ['Rojo', 'Azul', 'Amarillo', 'Verde', 'Morado'],
    datasets: [{
      data: [11, 16, 7, 3, 14]
    }]
  }
}

2. Gráfico con Colores Personalizados

Puedes asignar colores específicos a cada segmento para mejorar la visualización.

{
  type: 'polarArea',
  data: {
    labels: ['Calidad', 'Precio', 'Soporte', 'Diseño', 'Funcionalidad'],
    datasets: [{
      label: 'Puntuación de Producto',
      data: [8, 9, 6, 7, 9],
      backgroundColor: [
        'rgba(255, 99, 132, 0.5)',
        'rgba(54, 162, 235, 0.5)',
        'rgba(255, 206, 86, 0.5)',
        'rgba(75, 192, 192, 0.5)',
        'rgba(153, 102, 255, 0.5)'
      ]
    }]
  }
}

3. Gráfico con Título y Opciones

Utiliza el objeto options para añadir un título y personalizar la información que se muestra en los tooltips.

{
  type: 'polarArea',
  data: {
    labels: ['Desktop', 'Móvil', 'Tablet'],
    datasets: [{
      data: [1200, 1850, 450]
    }]
  },
  options: {
    title: 'Visitas por Dispositivo',
    tooltipLabelFormat: '{l}: {v} visitas'
  }
}

📖 Propiedades Clave del Dataset

Propiedad	Tipo	Descripción
`data`	`number[]`	Array de valores numéricos. El radio de cada segmento se basa en estos valores.
`backgroundColor`	`string[]`	Array de colores para cada segmento. Se recomienda usar transparencia (RGBA) para una mejor visualización.

📖 Propiedades Clave del objeto `data`

Propiedad	Tipo	Descripción
`labels`	`string[]`	Array de etiquetas que corresponden a cada segmento del gráfico.
`datasets`	`object[]`	Arreglo que contiene el objeto del dataset. Ver la tabla "Propiedades Clave del Dataset".

📖 Propiedades Clave del objeto `options`

Propiedad	Tipo	Descripción
`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'`). `{l}` es la etiqueta y `{v}` es el valor.
`tooltipCallback`	`function`	Función para generar HTML personalizado en los tooltips (mayor prioridad que `tooltipLabelFormat`).

1. Gráfico de Área Polar Básico​

2. Gráfico con Colores Personalizados​

3. Gráfico con Título y Opciones​

📖 Propiedades Clave del Dataset​

📖 Propiedades Clave del objeto data​

📖 Propiedades Clave del objeto options​