Improved error handling

This version improves error handling, specifically pertaining to datasets props, and provide clear guidance in case of incorrect dataset input.

#legend slot

This release adds a #legend slot to all chart components except for:

• VueUiWheel
• VueUiTiremarks
• VueUiHeatmap
• VueUiRelationCircle
• VueUiThermometer
• VueUiSparkline
• VueUiSparkbar
• VueUiSparkStackbar
• VueUiSparkgauge
• VueUiSparkHistogram
• VueUi3dBar

This feature allows for increased customization of chart legends.

The legend slot also works when using the VueDataUi universal component, if the component it wraps supports it.
It is recommended to set the show legend config attribute to false, to hide the default legend.

<VueUiDonut :config="config" :dataset="dataset">
  <template #legend="{ legend }">
    <div v-for="item in legend">
      {{ legend.name }}
    </div>
  </template>
</VueUiDonut>

VueUiIcon new icons

VueUiIcon

Added new icons:

• chartSparkline
• chartSparkbar

VueUiSparkgauge improvements

• VueUiSparkgauge : added config.style.colors.showGradient config option
• .d.ts file: fixed typos

VueDataUi universal component

This version adds the VueDataUi universal component, which can be used instead of individual components, so it is possible to only declare globally a single component.

You just have to specify the component name in the props, and provide the corresponding datatypes for config and dataset.

Events, slots, exposed functions remain unchanged, as this component is just a handy wrapper.

<script setup>
  import { ref } from "vue";
  import { VueDataUi } from "vue-data-ui";
  import "vue-data-ui/style.css";

  const dataset = ref([...]);
  const config = ref({...});
</script>

<template>

  <div style="width:600px">
    <VueDataUi
      component="VueUiXy"
      :dataset="dataset"
      :config="config"
    />
  </div>

</template>

This release does not introduce breaking changes.

VueUiVerticalBar fix

VueUiVerticalBar :

• Added missing prefix & suffix on parent category labels

VueUiOnion fix

VueUiOnion

• Fixed a bug preventing the table from opening when no value is provided in datasets

VueUiSparkgauge

VueUiSparkgauge :

• Improved safeguards when value is higher than max or lower than min. Providing a value higher than max will now just show a full gauge. Providing a value lower than min will just show an empty gauge.

VueUiSparkgauge new component

Added new mini component VueUiSparkgauge

VueUiWaffle captions

VueUiWAffle :

• Added config option config.style.chart.layout.labels.captions which only works in horizontal grid mode (default), to display series information directly onto the chart.