Не загружается Highcharts. Django

Есть замечательная библиотека js - Highchars. Я пытаюсь связать ее с Django, и все на самом деле работает, но только не тогда, когда я пытаюсь вставить в data переменную с содержимым. Вот код.

Эта функция возвращает то, что я подставляю в data в Highcharts.

def get_series(context):
    data_ser = []

for i in context:
    if i in ['Грусть', "Пошлость", "Смех", "Любовь", "Сарказм"]:
        data_ser.append({
            'name': i,
            'y': context[i],
            'z': 22.2
        })

data_ser = json.dumps(data_ser)

return data_ser

А это сам jquery код

    <script>

    $(document).ready(function () {

        var data_ser = '{{ data_ser|safe }}'
        console.log(data_ser)

        Highcharts.chart('container', {
            chart: {
                type: 'variablepie'
            },
            title: {
                text: 'Статистика пользователя'
            },
            series: [{
                minPointSize: 10,
                innerSize: '20%',
                zMin: 0,
                name: 'countries',
                data: data_ser
            }]
        });
    })
</script>

В series в data я пытаюсь подставить data_ser, но график не выводится. Хотя, если написать вручную, то все заработает.

Подобный код работает:

<script>

    $(document).ready(function () {

        var data_ser = '{{ data_ser|safe }}'
        console.log(data_ser)

        Highcharts.chart('container', {
            chart: {
                type: 'variablepie'
            },
            title: {
                text: 'Статистика пользователя'
            },
            series: [{
                minPointSize: 10,
                innerSize: '20%',
                zMin: 0,
                name: 'countries',
                data: [
                    {
                        "name": "Грусть",
                        "y": 50.0,
                        "z": 22.2
                    }]
            }]
        });
    })
</script>

Очень надеюсь на помощь. Или дайте хотя бы альтернативные библиотеки js с графиками, где подобное будет работать.


Ответы (0 шт):