Using chartjs-chart-graph in Django

[mast3rbow]

Hi everyone,

I've been using chart.js in my django frontend to create graphs, and this is the first time using a plugin library for it. I've used the django npm package to get the plugin scripts into my static files etc. Reading the sample for tree, i've constructed the below script.

{% load static %}

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
<script scr="{% static 'chartjs-chart-graph/build/index.umd.js' %}"></script>

<canvas id="canvas"></canvas>

<script>

  nodes = {{data|safe}}

  let config ={
    type: 'dendrogram',
    data: {
      labels: nodes.map((d) => d.name),
      datasets: [
        {
          pointBackgroundColor: 'steelblue',
          pointRadius: 5,
          // stepped: 'middle',
          data: nodes,
        },
      ],
    },
    options: {
      // animation: false,
      legend: {
        display: false,
      },
    },
  };

  let ctx = document.getElementById('canvas').getContext('2d');

  const tree_chart = new Chart(ctx, config);
  
</script>

When loading this page tho, I am getting this error

Uncaught Error: "dendrogram" is not a registered controller.

I have a gut feeling that the plugin isn't loading correctly, tho i'm not a javascript expert.