v2.6.31

VueUiQuickChart

1. Show time labels only at modulo (ideal for large datasets)

Add config options to control the display of time labels at a given modulo:

const config = {
  ...,
  xyPeriodsShowOnlyAtModulo: boolean // default: false
  xyPeriodsModulo: number // default: 12
}

2. Fix tooltip trap remaining highlighted on mouseout in line mode

v2.6.30

Add llms.txt #185

Available:

• at the root of the npm package
• on the documentation website : LINK

v2.6.29

VueUiXy : scale groups #181

When useIndividualScale is set to true, datapoints with the same scaleLabel share the same yAxis scale.

Config attributes was added to set the color of grouped scales, and the x offset of the scale labels and values:

const config: VueUiXyConfig = {
  chart: {
    grid: {
      labels: {
        yAxis: {
          // New:
          groupColor: '#1A1A1A', // default: null, if not set, will default to a series color
          scaleLabelOffsetX: 0,  // default: 0
          scaleValueOffsetX: 0, // default: 0
        }
      }
    }
  }
}

See example on the docs website
('Grouped y axis scales' example)

v2.6.24

VueUiCirclePack #179

• The chart is now responsive out of the box. The circles will adapt as much as possible to the available space provided by the aspect ratio of the container.

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