graphieros/vue-data-ui v.2.0.59

Tooltip slots

on GitHub

This version exposes data into the #tooltip-before and #tooltip-after scoped slots, to facilitate custom tooltip content creation.
All charts bearing tooltips (except for VueUiXy, see further below) expose the same objects:

<VueUiDonut
  :dataset="dataset"
  :config="config"
>
  <template #tooltip-before="{ datapoint, seriesIndex, series, config }">
    ... your custom content here
  </template>
  <template #tooltip-after="{ datapoint, seriesIndex, series, config }">
    ... your custom content here
  </template>
</VueUiDonut>

VueUiXy exposes additional data:

<VueUiXy
  :dataset="dataset"
  :config="config"
>
  <template #tooltip-before="{ datapoint, seriesIndex, series, config, bars, lines, plots }">
    ... your custom content here
  </template>
  <template #tooltip-after="{ datapoint, seriesIndex, series, config, bars, lines, plots }">
    ... your custom content here
  </template>
</VueUiXy>