custom labels with generateLabels in donutcharts，doesn't work properly

I find how to use generateLabels at chart.js but it doesn’t work properly for me when i use vue-chartjs. i don’t know whether it is the problem of vue-chartjs.

Expected Behavior

labels = Chart.defaults.global.legend.labels.generateLabels(chart); labels should renturn the labels be generated before modified.

Actual Behavior

the labels is an array,but the length is not correct ,it only get the first legend item ,but i have three items in data.and ,it only get the data value ,the other property all get null.

test case

Environment

• vue.js version: 2.5.13
• vue-chart.js version: 3.3…2
• chart.js version:2.7.2

[apertureless]

Hi @xcchcaptain ,

Well the issue you provides from the Chart.js repo is quite different from what you are doing.

You have one dataset and provided labels for each datapoint.

However the example had multiple datasets and each data: [] array has its own label.

And the generateLengend callback is gathering only the label from the data array.

As you can see here: https://codepen.io/apertureless/pen/zLqOpy?editors=1010

So you mixed up the labels array outside the dataset and the label prop inside your data array.

So this is not an issue with vue-chartjs as it seems this will not work with chart.js either in your case with only a labels array.

---

The question is what you are trying to achieve. Maybe there is another way.

[xcchcaptain]

sorry ,it’s my fault, i will try to make it more clear. please look this case one group data. when we only provide one group of data .the labels property in chartData (out of datasets )defined the legend for every item of the data. no matter what ,thanks for your help . reconsiderd the business scene,what i really want is have the label reactived with the data .so ,i will try the reactiveProp.

replenish ：as what you said , you already got the problem. i will provide this isuue to chartjs