Skip to content

UiChart ​

Wrapper de ECharts para graficas (barras, lineas, donas, etc.).

Props ​

PropTipoDefaultDescripcion
optionEChartsOptionRequeridoOpciones de ECharts
heightstring'300px'Alto del contenedor
loadingbooleanfalseEstado de carga

Ejemplo ​

vue
<script setup>
const barOptions = computed(() => ({
  xAxis: { data: monthLabels.value },
  yAxis: { type: 'value' },
  series: [{ type: 'bar', data: amounts.value }]
}))
</script>

<UiChart :option="barOptions" height="400px" :loading="isLoading" />
```n
## Notas

- Requiere `vue-echarts` y `echarts` (ya instalados)
- Reactivo: se actualiza automaticamente cuando `option` cambia
- Responsive: se redimensiona con el contenedor

Documentación de Kaleo — plataforma SaaS multi-tenant