Динамически создавать многомерный объект javascript

Question

Пожалуйста, я изо всех сил пытался динамически создать многомерный объект javascript из нескольких источников, включая массив PHP на 3 месяца и другие переменные следующим образом:

Я написал несколько прочитанных руководств и написал следующий код ивсе еще получаю ошибки:

 <script type='text/javascript'>
 var chart_data={};
 </script>



 @foreach($chart_data as $mth => $data)
        <script type="text/javascript">
            chart_data={'months':{"{{$month}}":"data":{!!json_encode($data['data'])!!}}};
            chart_data={'months':{"{{$month}}":'ykeys':{!!json_encode($data['ykeys'])!!}}};
            chart_data={'months':{"{{$month}}":'labels':{!!json_encode($data['labels'])!!}}};
            var chart_bar_colors={!!json_encode($chart_bar_colors)!!};
        </script>
        @endforeach

Я получаю следующую ошибку в консоли:

Uncaught SyntaxError: Неожиданный токен:

Я также вижуследующая ошибка при проверке источника из инструментов разработчика:

Я пытаюсь построить структуру данных js следующим образом:

chart_data['months']['Oct']['data']['some data here']
chart_data['months']['Oct']['ykeys']['some data here']
chart_data['months']['Oct']['labels']['some data here']
chart_data['months']['Nov']['data']['some data here']
chart_data['months']['Nov']['ykeys']['some data here']
chart_data['months']['Nov']['labels']['some data here']
chart_data['months']['Dec']['data']['some data here']
chart_data['months']['Dec']['ykeys']['some data here']
chart_data['months']['Dec']['labels']['some data here']

Пожалуйста, я быспасибо за любое руководство, чтобы решить эту проблему

Answer 1

<script type='text/javascript'>
    var chart_data={
        'month' : {},
    };

    @foreach($chart_data as $mth => $data)

    chart_data.month['{{ $mth }}'] = {
        'data' : {!!json_encode($data['data'])!!} ,
        'ykeys' : {!!json_encode($data['ykeys'])!!} ,
        'labels' : {!!json_encode($data['labels'])!!} ,
    }

    @endforeach
</script>