Open MasterCash opened 11 months ago
would be really great to get this fixed.
@MasterCash If instanceof
does not work, it's probably because your project compiles 2 different versions of Chart.js. If you are sure that it's not the case, please provide a codepen that reproduces this issue. Note that PR #380 does provide a proper fix.
I just ran into the same error. A few months ago I updated a couple apps to chart js 4.x using data labels 2.2.0. Everything was working fine in dev and deployment until yesterday when the doughnut chart with labels failed to render and throws the above error. There has been no code changes. Additionally, bar chart labels are also having alignment issues but throw no errors. None of the alignment options are working.
They were just centered horizontally by default. And again...no option can effect the position.
This is possibly (???) a jsdelivr +esm issue as my refactor went module with imports like:
import {
Chart,
DoughnutController,
ArcElement,
Title,
Tooltip,
} from 'https://cdn.jsdelivr.net/npm/chart.js@4.3.0/+esm';
import ChartDataLabels from 'https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0/+esm';
I'm removing labels as a temporary fix. And any suggestions as to what may be causing this would be appreciated.
My charts config is complex and data is dynamic so not good for reproduction. I'm going to keep digging into this. And see if I can get a pen up to reproduce.
It looks like that the labels are broken with Pie Chart labels in the latest ChartJs
Originally posted by @tedik123 in https://github.com/chartjs/chartjs-plugin-datalabels/issues/380#issuecomment-1631647819
There is a PR #380 which looks like it fixes this problem, according to the PR it is an issue where
instanceof
no longer works in newer versions of ChartJs