Я хочу поместить объект django в templapates JavaScript, но не могу Что мне делать?

class KcalDetailView(DetailView):
    model = User
    context_object_name = 'target_kcal'
    template_name = 'kcalculatorapp/detail.html'
  
    def get_context_data(self, **kwargs):
        kcl = self.request.user.kcal
        context = super().get_context_data(**kwargs)

        i = 0
        kcal_list = []
        while i < 13:
            i = i + 1;
            if kcl.goal == 'diet':
                kcal_list.append((kcl.weight -round((500/7000)*i,2) ))
            else:
                kcal_list.append((kcl.weight + round((500 / 7000) * i,2)))

        context['kcal_list'] = kcal_list

        return context

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/line-labels

использование этого графика.

templates.html

    .
    .
    .
<script>
    .
    .
    .
        series: [{
            name: 'a',
            data: {{  kcal_list }}     // this !!!
        }]
    });
</script>

Например kcal_list = [ 10, 13, 15, 16, 20 ]. Это в форме списка.

Данные: [10, 13, 15, 16, 20] Почему это выглядит так?

данные : {{kcal_list}} невозможно?

Что мне делать?

<script>

        series: [{
            name: 'a',
            data: "{{  kcal_list }}"     // this !!!
        }]
    });
</script>