v3.1.3

VueUiDashboard

• Set responsive font sizes for chart titles and legends

VueUiXy

• Prevent error when config is provided without the chart attribute

v3.1.2

VueUiDashboard improvements #246

• Add user options in config, with optional annotator; image and pdf

const config = ref({
  userOptions: {
    show: true,
    showOnChartHover: false,
    keepStateOnChartLeave: true,
    position: 'right',
    buttons: {
      pdf: true,
      img: true,
      annotator: true
    },
    callbacks: {
      pdf: null,
      img: null,
      annotator: null
    },
    buttonTitles: {
      pdf: 'Download PDF',
      img: 'Download PNG',
      annotator: 'Toggle annotator'
    },
    print: {
      scale: 2,
      filename: ''
    }
  }
})

User options callbacks:

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
      },
      // all other buttons have also their callbacks (no params), with the same name as the button
    }
  }
})

PDF improvements

• The size of the PDF is based on config.style.board.aspectRatio (default: "1/1.4141", which is A4 in portrait mode)
• The file name can be set in config.userOptions.print.filename

Deprecated config options

• config.allowPrint is deprecated, but will still keep working. It is replaced with config.userOptions.show. It is recommended to make the change.
• config.style.resizeHandles.border is removed (was not applied anyway, so no breaking change here either)

v3.1.1

New feature - Data tables in dialog

Display chart's data tables inside a draggable and resizable dialog:

const config = ref({
  table: {
    show: false,
    useDialog: true, // New - default: false (previous behavior)
  }
})

Note: if table.show is set to true, the table will be displayed under the chart, even if table.useDialog is also set to true.

Enregistrement.de.l.ecran.2025-09-07.a.09.08.26.mov

This feature is available on all chart components config.table attributes

Documentation is up to date

v3.0.23

Legends

Harmonize marker sizes in legends.

v3.0.22

VueUiScatter - new performance mode

Enable performance mode to render large datasets without clogging the DOM:

const config = ref({
  usePerformanceMode: true, // false by default (previous behavior)
}) 

Here is an example with 100000 datapoints:

Enregistrement.de.l.ecran.2025-09-05.a.07.27.30.mov

Check out the example for yourself here

When performance mode is enabled:

• all datapoints of a given series are painted in a single DOM node
• config.downsample is ignored (all datapoints are rendered)
• config.style.layout.plots.significance is ignored (all datapoints have the same opacity)

v3.0.21

General

Allow other formats (ISO strings) than just integer timestamps in components which time series can be formatted with a datetimeFormatter.

v3.0.20

Bump vue to 3.5.21

v3.0.19

VueUiXy, VueUiXyCanvas, VueUiStackbar, VueUiCandlestick, VueUiDonutEvolution

Fix zoom issues when zoom.startIndex and/or zoom.endIndex are set.

v3.0.17

VueUiXy

Improve general performance of the component.

v3.0.16

VueUiRadar, VueUiRelationCircle

Fix glitch related to auto font size feature, leading to overly small font sizes in some cases.