annotation does not shown in Vue environment

[kenmasumitsu]

Annotation is not shown in Vue project.

It is the demonstration codes of the problem. (chartjs-plugin-annotation 0.5.7)
https://jsfiddle.net/kenmasu/Lgt7vpyx/1/

It is similar codes without Vue. It shows annotations expectedly.
https://jsfiddle.net/kenmasu/hm6p0ou3/1/

It seems that Vue automatically change normal objects to Vue Observable objects.
So that, the plugin failed to merge annotations (default annotations and given annotations) in initConfig() in helper.js.

I modified initConfig() and confirmed it fixed.
kenmasumitsu@3f5315f
https://jsfiddle.net/kenmasu/r1xz9tLj/

[carlknappdev]

Can confirm, I'm running into the same issue as well. Attempting to pass the chart options via the Vue component's data function fails for me.

Passing the chart options as a plain object works fine.

[phil-w]

In my own case, which appears similar, the problem is with View 2.* and the annotation plugin version 0.5.7.
Reverting the annotation plugin doesn't fix it, but regressing chart.js from 2.9.4 to 2.9.3 does "fix" it.

[arneesh]

Is there a published version for this fix that can be used? As I am using vue-chartjs and not directly chartjs, I can't simply downgrade the chart.js version directly, and yes @kenmasumitsu you are absolutely right about the issue, that what is happening in my props.

[nb1987]

l found the root cause for this issue. I filed an issue with the Chart.js repo at chartjs/Chart.js#8382 and also explained in an answer to a similar problem at https://stackoverflow.com/questions/64878459/annotation-dont-show-in-vue-chartjs/66058308#66058308