VueUiScatter
New configuration options to improve layouts for datasets with a small number of entries.
All new options:
const config = computed(() => ({
style: {
layout: {
plots: {
hoverRadiusRatio: 2,
opacityNotSelected: 0.6,
name: {
show: false,
fontSize: 12,
offsetY: 0,
color: '#2D353C',
}
},
dataLabels: {
reverseAxisLabels: false,
xAxis: {
showValue: true,
scales: {
show: false,
steps: 10,
useNiceScale: true,
labels: {
formatter: null,
color: '#2D353C',
fontSize: 12,
offsetY: 0,
},
verticalLines: {
show: false,
stroke: '#E1E5E8',
strokeWidth: 1,
},
}
},
yAxis: {
showValue: true,
scales: {
show: false,
steps: 10,
useNiceScale: true,
labels: {
formatter: null,
color: '#2D353C',
fontSize: 12,
offsetX: 0,
},
horizontalLines: {
show: false,
stroke: '#E1E5E8',
strokeWidth: 1,
},
},
}
}
}
}
}))📖 Docs are up to date
⚙️ Chart maker is up to date with these new options.