VueUiRings
- Add optional ring data labels. When enabled, rings are moved to the side, exposing only half circles, and leaving space for data labels. Labels can be enabled through config, or by the user through the user options menu toggle button.
Enregistrement.de.l.ecran.2025-12-26.a.17.52.34.mov
- Config update:
const config = ref({
style: {
chart: {
layout: {
labels: {
dataLabels: {
show: false, // New. Set to true, will move rings to the side and expose data labels
offsetX: 0, // New
fontSize: 10, // New
color: '#2D353C', // New
bold: false, // New
roundingValue: 0, // New
roundingPercentage: 0, // New
showValue: true, // New
showPercentage: true, // New
markers: {
stroke: '#8A8A8A', // New
strokeWidth: 1, // New
radius: 3, // New
position: 'right' // New
}
}
}
}
}
}
});