v2.15.3

All charts with fullscreen feature #222

• Fix dimension calculations leading to scrollbars appearing when escaping fullscreen mode on a responsive chart

VueUiXy

• Fix console error when toggling config attributes related to size calculations in responsive mode #225
• Fix wrong stacking order of area labels #221

v2.15.2

VueUiDonut & VueUiNestedDonuts #223

Add config attribute to set color of the donut arc when data is empty:

config.style.chart.layout.donut: string // default: '#E1E5E8'

v2.15.1

VueUiNestedDonuts

Improve graceful layout management of empty data.

v2.15.0

VueUiDonut #218

• Remove opacity on donut arcs

Multi-line labels #217

• Generate multiline datalabels when they include a line break \n

Example: "This is a long\nlabel to show"

The table below shows which components accept this feature and where:

Component	Label displayed	Where to use line breaks
VueUiXy	Time labels (x axis)	config.chart.grid.labels.xAxisLabels.values
VueUiDonutEvolution	Time labels (x axis)	config.style.chart.layout.grid.xAxis.dataLabels.values
VueUiHistoryPlot	Plot labels	dataset names
VueUiParallelCoordinatePlot	Axis labels	config.style.chart.yAxis.labels.axisNames
VueUiQuadrant	Plot labels	dataset names
VueUiQuickChart	Time labels (x axis)	config.xyPeriods
VueUiRidgeline	Time labels (x axis)	config.style.chart.xAxis.labels.values
VueUiStackbar	Time labels (x axis)	config.style.chart.grid.x.timeLabels.values
VueUiStripPlot	x axis labels	dataset names

VueUiWaffle

• Show graceful layout when all datapoint values are empty arrays

v2.14.2

VueUiDonut & VueUiNestedDonuts #215

• Add width and height config attributes:

const config = ref({
  style: {
    chart: {
      width: 512,
      height: 360
    }
  }
})

Note: these dimensions will be ignored when responsive is set to true.

Docs are up to date:
VueUiDonut
VueUiNestedDonuts

v2.14.1

VueUiXy

• Improve series layout in stacked mode

• Add config option to set x axis crosshairs always on the bottom baseline, or on zero:

config.chart.grid.labels.xAxis.crosshairsAlwaysAtZero: boolean // default: false (previous behavior, always on the bottom baseline)

v2.14.0

Date time formatter

A config datetime formatter was added to the following components, to manage timestamp x axis values formatting:

• VueUiXy
• VueUiXyCanvas
• VueUiStackbar
• VueUiRidgeline
• VueUiDonutEvolution
• VueUiQuickChart

datetimeFormatter: {
  enable: boolean // default: false
  locale: string // default: 'en'
  useUTC: boolean // default: false
  januaryAsYear: boolean // default: false
  options: {
    year: string // default: 'yyyy'
    month: string // default: "MMM 'yy"
    day: string // default: 'dd MMM'
    hour: string // default: 'HH:mm'
    minute: string // default: 'HH:mm:ss'
    second: string // default: 'HH:mm:ss'
  }
}

DOCS are up to date

v2.13.4

Components with dual range zoom

• Merge tooltips when they collide:

Enregistrement.de.l.ecran.2025-07-07.a.08.20.26.mov

v2.13.3

VueUiXy

• Add responsiveProportionalSizing config option, (true by default = previous behavior). Set to true, it disables the text elements automatic resizing in responsive mode. #212

• Add useNiceScale config option to force a nice scale (false by default = previous behavior)

• Fix errors on straight line datasets when dataset starts with a null value and cutNullValues is true

• Add config options for xAxis and yAxis crosshair markers

• Add optional yAxis annotations, to draw either a line or an area following one or two y values, with a label. You can create multiple annotations:

Docs and examples are up to date

All charts with user options

• Add optional config callbacks to override default button behavior

const config = ref({
  userOptions: {
    // These callbacks will be called when user options buttons are clicked.
    callbacks: {
      pdf: (chart: HTMLElement) => {
        // use your own pdf solution
      },
      img: (base64: string) => {
        // do whatever you want with the base 64 image data of the chart
      },
      csv: (csvContent: string) => {
        // do whatever you want with the csv data
      },
      // all other buttons have also their callbacks (no params), with the same name as the button
    }
  }
})

v2.12.7

• Improve management of resizeObservers
• Import some atom components as async in chart components to improve treeshaking
• Fix - VueUiRidgeline & VueUiDonutEvolution - Display BaseDraggableDialog in direct parent in fullscreen mode