Releases: graphieros/vue-data-ui
Releases · graphieros/vue-data-ui
v3.1.6
Built-in chart data tables
- Hide data tables from the DOM when
userOptions.buttons.tableisfalse
v3.1.5
Tooltips
- Improve performance
- Add config options to control smooth params:
tooltip: {
smooth: true,
smoothForce: 0.18, // New. Lower = slower
smoothSnapThreshold: 0.25 // New
}Zoom (double range input)
- Fix offset from the client position when dragging a zoom selection
v3.1.4
VueUiTable #248
- Add config option to show / hide export button
const config = ref({
style: {
exportMenu: {
show: true, // new, default: true
}
}
})- Add
@page-changeevent, fired when pagination buttons are used (all buttons, range input and items-per-page select)
<VueUiTable
:config="config"
:dataset="dataset"
@page-change="onPageChange"
/>function onPageChange(pageData: VueUiTablePageChangeEvent) {
const {
currentPage,
totalPages,
itemsPerPage,
currentPageData
} = pageData;
console.log({ currentPage, totalPages, itemsPerPages, currentPageData });
}v3.1.3
VueUiDashboard
- Set responsive font sizes for chart titles and legends
VueUiXy
- Prevent error when config is provided without the
chartattribute
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.allowPrintis deprecated, but will still keep working. It is replaced withconfig.userOptions.show. It is recommended to make the change.config.style.resizeHandles.borderis 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
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