v2.6.20

Cusomization of the user options menu icon

• A #menuIcon slot was added to customize the user options menu icon, if you don't like the default burger menu icon. The slot exposes a isOpen boolean, to show a different icon depending on the open state, and the color defined by your config for the general text color of the menu.

<template #menuIcon="{ isOpen, color }">
  <div class="text-2xl">
    {{ isOpen ? '👆' : '👇' }}
  </div>
</template>

Enregistrement.de.l.ecran.2025-03-17.a.08.09.20.mov

v2.6.19

VueUiSparkline : optional mini tooltip

Ideal if you prefer a minimalist layout without the title or the data label on the side.

Enregistrement.de.l.ecran.2025-03-15.a.10.48.56.mov

New config attribute: config.style.tooltip

tooltip: {
   show: boolean, // default: false
   fontSize: number, // default: 14
   color: string, // default: "#2D353C"
   backgroundColor: string, // default: "#FFFFFF"
   offsetY: number, // default: 0
   borderWidth: number, // default: 0
   borderColor: string, // default: "#E1E5E8"
   borderRadius: number, // default: 2
   backgroundOpacity: number, // from 0 to 100, default: 100
}

An example is visible here

Documentation is up to date, so is the chart maker for this component.

v2.6.17

Technical release

v2.6.15

Built-in annotator

• Draw directly on chart svg, so that doodles are now responsive

VueUiWordCloud

• Fix chart not reactive when dataset changes

v2.6.13

VueUiMolecule

• Removed the clumsy direction pad
• Use mouse or touch zoom and pan

Enregistrement.de.l.ecran.2025-03-08.a.10.35.29.mp4

v2.6.12

VueUiStackbar #174

• Add missing rounding config attribute for scale labels

config.style.chart.grid.y.axisLabels.rounding: number; // default: 0

v2.6.11

VueUiXyCanvas #173

• Add config options to set labels font weight:

config.style.chart.grid.y.axisLabels.bold: boolean; // default: false
config.style.chart.grid.y.timeLabels.bold: boolean; // default: false
config.style.chart.dataLabels.bold: boolean; // default: false

v2.6.9

VueUiXyCanvas #172

• Add config option to opt in or out of default gradient for bars:

config.style.chart.bar.gradient.show: boolean; // default: true

v2.6.8

VueUiXy

• Minor style improvement for the selected state of Y scale in individualScale mode

v2.6.7

Accessibility improvement

• Most charts svg element now have aria attributes to improve accessibility.