How can I show the datalabels values inside graphs?

[ahmedrazaa]

I used [email protected] with vue 2, it's showing the datalabels value inside graphs like that.

Now I want to know, how these same labels I can show using latest vue-chartjs library in vue 3 using [email protected] version.

[LeeLenaleee]

You will need the datalabels plugin: https://chartjs-plugin-datalabels.netlify.app/

Or write your own custom plugin that does this

[ahmedrazaa]

it's work for me using chartjs-plugin-datalabels. now I need to know can we render the chart using this approach.

import { Line, mixins } from "vue-chartjs";
const { reactiveProp } = mixins;export default {
extends: Line,
mixins: [reactiveProp],
props: ["chartData", "options"],
mounted() {
this.renderChart(this.chartData, this.options);
}
};