Request: show each item count in legend

Hello, nice chart!

What about showing the total count for each section in the legend? Or even in a tooltip while hovering each slice?

My service is returning an array of objects, each contains it’s value… so let’s say there are 3 sections, first with value = 3, second = 3, third = 6, with this formula I’ve converted these values into percentages:

series_data.map(s => ({ 
    "label": s.label, 
    "value": s.value / data.total * 100, 
    color: s.color 
}))

Total is the sum of all the values. Yeah I know…it’s easy but I think that would be nice to have it implemented as an option, in order to avoid this conversion every time. 😃

[gebv]

I also want to control the legends Maybe add slot for every items of legend? Follow the concept code

<vc-donut hasLegend legendPlacement="bottom" total="100" size="150" :thickness="45" :sections="sections">
<template v-slot:legendItem="props">
  {{props.color}} <!--from donut sections-->
  {{props.value}} <!--from donut sections-->
  {{props.percent}} <!--virtual field = value/total*100%-->
  {{props.label}} <!--from donut sections-->
</template>
</vc-donut>

[funder7]

Sorry for the misaligned text, it’s done with an image editor.

I would:

• Let the user decide how to print the total: number or percentage?
• Show or not each item amount in the legend, on the side. I’ve put it in the colored box, but it can be placed on the right as well.