Django and ChartJS load data chartjs 2023 json parse data

graphic.js

const ctx = document.getElementById('grafico')

const labels = JSON.parse('{{ labels|safe }}')
const data = JSON.parse('{{ data|safe }}')

new Chart(ctx, {
  type: 'line',
  data: {
    labels: labels,
    datasets: [{
      label: 'The quick brown fox jumps over the lazy dog',
      data: data,
      borderWidth: 1
    }]
  },
  options: {
    responsive: true,
    maintainAspectRatio: false,
    scales: {
      y: {
        beginAtZero: false
      }
    }
  }
})

views.py

import json

labels = json.dumps([item.title for item in items])
data = json.dumps([float(item.value) for item in items])