Releases: graphieros/vue-data-ui
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
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.downsampleis ignored (all datapoints are rendered)config.style.layout.plots.significanceis 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.
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
}
})