Error while creating chart TypeError: Cannot read properties of undefined (reading 'axis') [closed]

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.

This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.

Closed 5 months ago.

Improve this question

I am trying to implement chart js into a vanilla js project, but I cannot seem to make it work.

This is what I am using:

<script src=" https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js "></script>

<div id="profitChartContainer" style="width: 600px; height: 400px;"> <canvas id="myChart"></canvas></div>

I am using their example from the website but i also tried a lot of variations and always get the same error.

const ctx = document.getElementById('myChart');

  new Chart(ctx, {
    type: 'bar',
    data: {
      labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
      datasets: [{
        label: '# of Votes',
        data: [12, 19, 3, 5, 2, 3],
        borderWidth: 1,
      }],
    },
    options: {
      scales: {
        y: {
          beginAtZero: true,
        },
      },
    },
  });

Does anyone know what can be the problem here?

core.datasetController.js:454 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'axis')
    at BarController.parse (core.datasetController.js:454:26)
    at BarController._insertElements (core.datasetController.js:1015:10)
    at BarController._resyncElements (core.datasetController.js:985:12)
    at BarController.buildOrUpdateElements (core.datasetController.js:425:10)
    at Tn.update (core.controller.js:506:18)
    at new Tn (core.controller.js:193:12)

Cannot replicate your error. Demo. Please provide minimal, reproducible example in StackBlitz. Thanks. — Yong Shun
– Yong Shun, Commented Jun 21 at 0:49
@YongShun, no, not in StackBlitz. Embed it here as a runnable script. Questions must be self-contained. — Chris
– Chris, Commented Jun 21 at 16:08

lowzyyy · Accepted Answer · 2025-06-21 17:01:31Z

0

After 7 hours of debugging, I finally found the problem: someone, somewhere in the codebase, had overwritten the built-in JavaScript Proxy object. Naturally, since Chart.js relies on it, it couldn't create objects as intended. This was extremely difficult to debug and required commenting and uncommenting over 12,000 lines of code.

answered Jun 21 at 17:01

lowzyyy

917 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error while creating chart TypeError: Cannot read properties of undefined (reading 'axis') [closed]

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related