Chart.js: [FEATURE] Labels outside the pie chart

[Omiod]

Expected Behavior

I'd like to have the labels outside the chart, like this example, taken from the deprecated Google Image Charts library:

Current Behavior

So far legend is the only way to describe the chart areas, and tooltips do not replace this feature.

• Chart.js version: latest

[etimberg]

I'm not sure if this should live in the core or if it should exist as some kind of plugin. @chartjs/maintainers thoughts?

[panzarino]

@etimberg I think this is something that should live in the core. It would be too much work to maintain it as a separate plugin and could easily be included with the core.

[HugoHeneault]

Anyone managed to do it? ;)

[rebsgroup]

+1, fixes ugly charts like this one.

[simonbrunel]

This feature should now be requested in the chartjs-plugin-datalabels repository: it already allows to add labels outside the chart but it doesn't support links.

[Cristianopavan]

is that works with funnel chart
using plugin called chart js funnel plugin

[DrNiels]

In my scenario, the charts are in a wide-format canvas. In this scenario, the GoogleChart implementation has the nice effect of placing the labels intelligently left and right of the chart and connecting label and slice via line, providing the full height of the canvas to the chart.

This can (to my knowledge) not be done with the chartjs-plugin-datalabels and neither with other plugins I found. Just placing the legend around the pie shrinks the chart even further, which I do not want.

Is there some other plugin that I missed and that can display the legend as shown in the first picture? Or how should one proceed here?

[Cristianopavan]

https://rawgit.com/beaver71/Chart.PieceLabel.js/master/build/Chart.PieceLabel.min.js use this link to get label out side for pie chart @DrNiels

[DrNiels]

@Cristianopavan I actually use that plugin to put labels onto the slices, but it does not place the labels for the slices left and right of the chart but always directly at the slice. Consider the label of "February" in the screenshot of the first post. Since the canvas is wide, the label is placed left of the chart and connected with a line. That's what I want.