graphieros/vue-data-ui v3.5.1 on GitHub

VueUiSparkHistogram

Improve layout to avoid labels from overflowing from the svg
Add config attributes to show / hide labels:

const config = ref({
  style: {
    labels: {
      value: {
        show: true, // new, default: true
      },
      timeLabel: {
        show: true, // new, default: true
      },
      valueLabel: {
        show: true, // new, default: true
      },
    },
  },
});

VueUiStackbar

Position totals right above bars instead of on top of the chart #262
Add optional frame around the chart area:

const config = ref({
  style: {
    chart: {
      grid: {
        frame: {
          show: false,
          stroke: "#E1E5E8",
          strokeWidth: 2,
          strokeLinecap: "round",
          strokeLinejoin: "round",
          strokeDasharray: 0,
        },
      },
    },
  },
});

Add config options to show total in tooltip:

const config = ref({
  style: {
    chart: {
      tooltip: {
        showTotal: false,
        totalTranslation: "Total",
      },
    },
  },
});

Built-in chart annotator

Add slots to customize button contents (your own icons for example):

<VueUiXy :dataset="dataset" :config="config">
  <template #annotator-action-close>
    <MyCloseIcon />
  </template>
  <template #annotator-action-color="{ color }">
    <MyColorIcon :color="color" />
  </template>
  <template #annotator-action-draw="{ mode }">
    <MyDrawIcon v-if="mode === 'draw'" />
    <MyTextIcon v-else />
  </template>
  <template #annotator-action-undo="{ disabled }">
    <MyUndoIcon />
  </template>
  <template #annotator-action-redo="{ disabled }">
    <MyRedoIcon />
  </template>
  <template #annotator-action-delete="{ disabled }">
    <MyDeleteIcon />
  </template>
</VueUiXy>

Documentation website is up to date