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

Release 3.7.9

VueUiTreemap

Add labels for groups and improved drilling feature
Add config options for groups:

const config = ref({
  style: {
    chart: {
      layout: {
        rects: {
          // New:
          group: {
            stroke: "#E1E5E8",
            strokeWidth: 1,
            useSeriesBackgroundColor: false,
            backgroundLighterRatio: 0.4,
            label: {
              adaptColorToBackground: false,
              color: "#2D3536",
            },
          },
        },
      },
    },
  },
});

Add a #group-label scoped slot, to override default group labels:

<VueUiTreemap :dataset="dataset" :config="config">
  <template #group-label="{ group }">
    <div>{{ group.name }}: {{ group.value }}</div>
  </template>
</VueUiTreemap>

Docs are up to date
View examples