This is plugin is not compatible with 3.x chart js verstion

[jagdaleganesh]

This plugin is really awesome but looks like it is working with only 2.x chart js version. Can someone please share how I can make this plugin compatible with chartjs latest version.

Thanks,

[jagdaleganesh]

Any update when this plugin updated to compatible with latest ChartJs version

[ChrisRoss5]

Same problem here. Definitely not compatible with the latest chartjs version.

[jghelen]

I have the same problem ([email protected])

[jagdaleganesh]

I have tried to update this plugin so that we can use with latest chartjs version 3 and above. I am not sure whether it is fully updated but with my change atleast I can use with latest chartjs version.
@jghelen @ChrisRoss5 , hope this will help .
chartjs-plugin-outlables.zip

var params = {
display: true,
//text: [
// '%l (%p.3) \n VALUE: (%v.3)',
// '%l (%p) \n VALUE: (%v)',
// 'SIMPLE VALUE \n => %v',
// 'VALUE WITH PRECISION 4 \n => %v.4',
// 'SIMPLE PERCENT \n => %p',
// 'PERCENT WITH PRECISION 3 \n => %p.3',
// 'JUST LABEL \n => %l',
// 'JUST TEXT'
//],
borderWidth: 2,
lineWidth: 2,
padding: 3,
textAlign: 'center',
stretch: 45,
font: {
resizable: true,
minSize: 12,
maxSize: 25,
family: Chart.defaults.font.family,
size: Chart.defaults.font.size,
style: Chart.defaults.font.style,
lineHeight: Chart.defaults.font.lineHeight,
},
color: "black",
valuePrecision: 1,
percentPrecision: 2
};
var chartOption = {
maintainAspectRatio: false,
zoomOutPercentage: 20,
animation: false,
layout: {
padding: 50
},
plugins: {
outlabels: params,
}
};

new Chart(ctx, {
type: 'doughnut',
plugins: [ChartOutLabels],
data: {
datasets: dataSets,
labels: labels
},
options: chartOption
});

[TijlDeclerckWd]

@jagdaleganesh how do I use this in a project?

[jagdaleganesh]

@TijlDeclerckWd , you can just include js from attached zip and for uses I have already given code snippet.

[emit077]

Hey, Guys alternatively you can try this.
JSFIDDLE

[AndreasK79]

And for those looking for a working version, check this repo out: https://github.com/energiency/chartjs-plugin-piechart-outlabels