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.

v3.0.14

VueUiXy

Avoid time tag overflow

v3.0.13

PDF (when used with peer JsPDF) #243

The following config options are added to control the orientation of the PDF document when the peer JsPDF dependency is used:

const config = ref({
  userOptions: {
    print: {
      scale: 2,
      orientation: 'auto', // New; 'auto' | 'l' | 'p'
      overflowTolerance: 0.2 // New; control the overflow percentage above which content will be shown on multiple pages
    }
  }
})

For the VueUiQuickChart component, these options are located:

const config = ref({
  userOptionsPrint {
    scale: 2,
    orientation: 'auto', // New; 'auto' | 'l' | 'p'
    overflowTolerance: 0.2 // New; control the overflow percentage above which content will be shown on multiple pages
  }
})

v3.0.11

VueUiXy

Add config options to customize time labels in:

• tooltip
• time tag
• zoom labels

Especially useful when datetimeFormatter is enabled, to show a precise date inside these labels, which would otherwise have the same format as the time labels on the x axis.

This is a non-breaking change.

tooltip

const config = ref({
  chart: {
    tooltip: {
      useDefaultTimeFormat: true, // default, same behavior as before
      timeFormat: 'yyyy-MM-dd HH:mm:ss' // when datetimeFormatter is enabled and useDefaultTimeFormat is false
    }
  }
})

time tag

const config = ref({
  chart: {
    timeTag: {
      show: true, // false by default
      useDefaultFormat: true, // default, same behavior as before
      timeFormat: 'yyyy-MM-dd HH:mm:ss' // when datetimeFormatter is enabled and useDefaulFormat is false
      // customFormat works exactly as for the tooltip. null by default, pass a callback which returns a string to enable. Will override timeFormat
      customFormat: ({ absoluteIndex }) => {
        return String(absoluteIndex);
      }
    }
  }
})

zoom labels

const config = ref({
  chart: {
    zoom: {
      useDefaultFormat: true, // default, same behavior as before
      timeFormat: 'yyyy-MM-dd HH:mm:ss' // when datetimeFormatter is enabled and useDefaulFormat is false
      // customFormat works exactly as for the tooltip. null by default, pass a callback which returns a string to enable. Will override timeFormat
      customFormat: ({ absoluteIndex }) => {
        return String(absoluteIndex);
      }
    }
  }
})

Documentation website is up to date

---

If you just realized this is version 3 now, here are all the details.

v3.0.8

VueUiScatter - Marginal bars highlighter

New optional highlighter on marginal bars:

const config = ref({
  style: {
    layout: {
      marginalBars: {
        show: true,
        // New:
        highlighter: {
          show: true,
          opacity: 0.1,
          color: '#2D353C',
          stroke: '#2D353C',
          strokeWidth: 0.5,
          strokeDasharray: 2,
          highlightBothAxes: true
        }
      }
    }
  }
})

Enregistrement.de.l.ecran.2025-08-30.a.10.55.18.mov

Documentation website is up to date

---

If you just realized this is version 3 now, here are all the details.

v3.0.7

VueUiXy

Bug fix - Sync zoom with selection rect (preview mode) when LTTB is active

---

If you just realized this is version 3 now, here are all the details.

v3.0.6

VueUiXy - Time tag custom format

A custom format can now be passed through a callback.

const config = ref({
  chart: {
    timeTag: {
      show: true,
      // The callback works exactly as the one available for the tooltip
      customFormat: ({ absoluteIndex }) => {
        return String(absoluteIndex);
      }
    }
  }
})

If you just realized this is version 3 now, here are all the details.