This version introduces the #tooltip-before and #tooltip-after named slots, to further customize your tooltip contents.
It is now that easy to add a picture, another chart, or any content you need into your tooltips.
These slots do not expose any data, as you can already customize data content through the customFormat config option. You can therefore use these slots in conjunction with the default tooltip content, or with your custom content.
<VueUiDonut
:dataset="dataset"
:config="config"
>
<template #tooltip-before>
<div>This comes first</div>
</template>
<template #tooltip-after>
<div>This comes last</div>
</template>
</VueUiDonut>
These slots are available on the following components (and on the universal VueDataUi component, provided it wraps one of the following):
- VueUiAgePyramid
- VueUiCandlestick
- VueUiDonut
- VueUiHeatmap
- VueUiMolecule
- VueUiNestedDonuts
- VueUiOnion
- VueUiQuadrant
- VueUiRadar
- VueUiRings
- VueUiScatter
- VueUiVerticalBar
- VueUiWaffle
- VueUiXy