v2.9.6

VueUiWorld

• Fix issue with legend colors

v2.9.5

VueUiTable

• Use VueUiXy and VueUiDonut as chart components instead of old built-in charts

• Config changes:

const vue_ui_table = ref({
    //...
    style: {
        chart: {
            layout: {
                line: {
                    smooth: true, // new
                    useArea: false, // new
                    selector: {
                        stroke: '#ccc', // Deprecated
                        strokeWidth: 1, // Deprecated
                        strokeDasharray: 5 // Deprecated
                    }
                },
            }
        }
    },
})

v2.9.2

VueUiTable #203

• Fix dataset reactivity issue

v2.9.1

VueUiWorld #202

To accommodate different perspectives and use cases, the VueUiWorld component now includes a configuration option:

config.style.chart.territory.showTaiwanAsPartOfChina

const config = ref({
  style: {
    chart: {
      territory: {
        showTaiwanAsPartOfChina: true
      }
    }
  }
})

When set to true, Taiwan is displayed as part of China on the map.
When set to false (the default), Taiwan is shown as a separate entity.

This approach is intended to offer flexibility for developers and organizations with varying requirements. We do not take a position on political matters and aim to provide a configurable solution for all users.

v2.9.0

Move jspdf to peer dependencies #201

From this version onwards, jspdf will have to be installed to use the pdf generation.

If you don't want to use pdf generation, but wish to use the chart menu options, you can remove the pdf button from the config:

const config = ref({
  userOptions: {
    show: true,
    buttons: {
      pdf: false, // hide the pdf button
    }
  }
})

v2.8.1

VueUiDashboard #197

• Add support for passing custom components in the dataset prop

const dynamicString = ref('Dynamic string content');

const comps = computed(() => [
  {
    id: 1,
    width: 20,
    height: 50,
    left: 44,
    top: 4,
    component: "VueUiGauge", // Vue Data UI component, passed here as string
    props: { config: { userOptions: { show: false } }, dataset: gaugeDataset },
  },
  {
    id: 2,
    width: 20,
    height: 60,
    left: 44,
    top: 50,
    component: markRaw(MyCustomComponent), // Your custom component
    props: { str: dynamicString.value },
  },
]);

VueUiWorld

• Reverse drag direction in globe projection

v2.8.0

VueUiWorld

New map component: VueUiWorld

Enregistrement.de.l.ecran.2025-05-28.a.23.18.39.mov

13 projections are available:

Projection	Preview
aitoff
azimuthalEquidistant
bonne
equirectangular
gallPeters
globe
hammer
mercator
mollweide
robinson
sinusoidal
vanDerGrinten
winkelTripel

Docs are up to date, with all projection examples.

v2.7.6

VueUiXy

• Fix area base y position when all values are negative

v2.7.5

Built-in annotator: text mode

• Allow users to add text annotations on charts

Enregistrement.de.l.ecran.2025-05-24.a.22.20.30.mov

v2.7.2

VueUiXy

• Add a config option to cut lines and areas on null values. Set to false by default, so it does not lead to breaking changes.

const config = {
  line: {
    cutNullValues: false,
  }
}

VueUiChestnut

• Improve the proportions of expanded donuts so it's more visually pleasing