VueChart.js with inline plugins example

Hi guys, it might not be the place to ask this kind of question, but as a newbie, I don’t really understand how to use plugins …

I’d like to add this plugin PieceLabel to my component below.

export default {
  name: 'pie-chart',
  mixins: [reactiveProp],
  extends: Pie,
  props: {
    options: Object,
    chartData: Object,
  },
  mounted() {
    const { options, chartData, renderChart } = this

    this.addPlugin({
    id: 'pieceLabel',
      beforeInit: function (chart) {
        console.log(chart)
      }
    })

    options: {
      pieceLabel: {
        mode: 'label',
        precision: 1
      },
   }
    renderChart(chartData, params)
  },
}

The issue is how does it recognize the id ?? Thanks a lot

[apertureless]

I guess you are using this one? https://github.com/chartjs/chartjs-plugin-annotation

Well, they say:

To configure the annotations plugin, you can simply add new config options to your chart config.

So have you tried this?

const options = {
	responsive: true,
	title: {
		display: true,
		text: 'Put your other options in here'
	}
	annotation: {
		events: ['click'],
		annotations: []
	}
}


this.renderChart(data, options)

[winou75]

you are a marvellous person.