Barchart label numbers are falling of the chart

[Sireini]

What is seems to do is that it is not picking up the options correctly, the barchart labels are falling off the chart. Here is what my barchart component looks like

<script>
import VueChartjs from 'vue-chartjs'
export default {
	extends: VueChartjs.Bar,
	props: ['data', 'barWidth'],
	data() {
		return {
			options: {
				plugins: {
					datalabels: {
						color: "white",
						display: function(context) {
							return context.dataset.data[context.dataIndex] > 0;
						},
						font: {
							weight: 'bold',
							size: '14'
						},
						formatter: Math.round
					}
				},
				responsive: false,
				maintainAspectRatio: false,
				tooltips: false,
				legend: {
					display: false
				},
				scaleShowVerticalLines: false,
				scales: {
					yAxes: [{
						display: false,

						ticks: {
							display: false
						}
					}],
					xAxes: [{
						barPercentage: this.barWidth
					}]
				}
			}
		}
	},
	mounted() {
		this.renderChart(this.data, this.options)
	}
}
</script>

If I log this.options it returns me everything, recently I had the same issue deleting the node_modules and yarn install solved it but not it seems not to work..

Here you see an result of what i describe above:

https://user-images.githubusercontent.com/12531305/35614529-b2c2452c-066f-11e8-820d-95dd006effab.png

Environment
vue.js version: ^2.5.2
vue-chart.js version: ^3.0.0
npm version: 5.6.0
chartjs-plugin-datalabels": "^0.1.0",

[simonbrunel]

Isn't it the same issue as #15? Can you post a fiddle?

[simonbrunel]

It looks like the same as #15. If not, feel free to reopen with a jsfiddle that reproduces your issue.

Closing as duplicate.