Как получить доступ к словарю Python в сценарии Javascript в Django [дубликат]

Я работаю в Django, где я отправляю словарь Python в HTML-файл.

В этом HTML-файле я хочу получить доступ к словарю Python и добавить ключи и значения словаря в массивы Javascript. Я могу получить доступ к словарю Python в HTML, но не могу сделать то же самое в Javascript.

Вот как я могу получить доступ к значениям словаря в HTML,

{% for key, image in predictedLabel.items %}
      <tr>
        <th scope="row">{{ key }}</th>
        <td>{{ image }}</td>
      </tr>
  {%endfor%}

Сценарий Javascript, который у меня есть, представляет собой круговую диаграмму, которая приведена ниже,

      <script>
        var xArray = [];
        var yArray = []; 
        
        var xArray = ["Italy", "France", "Spain", "USA", "Argentina"];
        var yArray = [55, 49, 44, 24, 15];

        var layout = { title: "Distribution of Labels" };

        var data = [{ labels: xArray, values: yArray, hole: .5, type: "pie" }];

        Plotly.newPlot("myPlot", data, layout);
      </script>

Я хочу поместить ключ словаря Python в xArray и значения словаря в yArray. Для этого мне нужно получить доступ к словарю Python в сценарии Javascript, но я не знаю, как получить доступ к значениям Python в сценарии Javascript. Может ли кто-нибудь помочь мне в этом вопросе?

Вернуться на верх