Зацикливание коллекции в jquery в Laravel - PullRequest
Новая
       19

Зацикливание коллекции в jquery в Laravel

0 голосов
/ 18 января 2019

У меня есть статическая диаграмма с jquery, и я хочу использовать в ней динамические данные, но она возвращает SyntaxError: unexpected token: ':'

код

Static

Morris.Area({
  element: 'dashboard-area-1',
  data: [
    { y: '2014-10-10', a: 17,b: 19, c: 10},
    { y: '2014-10-11', a: 19,b: 21, c: 11},
    { y: '2014-10-12', a: 22,b: 25, c: 33},
    { y: '2014-10-13', a: 20,b: 22, c: 55},
    { y: '2014-10-14', a: 21,b: 24, c: 89},
    { y: '2014-10-15', a: 34,b: 37, c: 34},
    { y: '2014-10-16', a: 43,b: 45, c: 65}
  ],
  xkey: 'y',
  ykeys: ['a','b', 'c'],
  labels: ['Page', 'Visitors','Page Views'],
  resize: true,
  hideHover: true,
  xLabels: 'day',
  gridTextSize: '10px',
  lineColors: ['#1caf9a','#33414E', '#2344d3'],
  gridLineColor: '#E5E5E5'
});

Dynamic

var analysdata = "{{$analyticsData}}";
Morris.Area({
  element: 'dashboard-area-1',
  data: [
    $.each( analysdata, function( key, value ) {
      y: '2014-10-10', a: value.pageTitle,b: value.visitors, c: value.pageViews,
    });
  ],
  xkey: 'y',
  ykeys: ['a','b', 'c'],
  labels: ['Page', 'Visitors','Page Views'],
  resize: true,
  hideHover: true,
  xLabels: 'day',
  gridTextSize: '10px',
  lineColors: ['#1caf9a','#33414E', '#2344d3'],
  gridLineColor: '#E5E5E5'
});

ошибка исходит от: 

y: '2014-10-10', a: value.pageTitle,b: value.visitors, c: value.pageViews,

что я сделал не так?

1 Ответ

0 голосов
/ 18 января 2019

В вашем контроллере вам нужно это: 

return view( 'your_view_name',[ 
    'analyticsData'=> json_encode($analyticsData, JSON_UNESCAPED_SLASHES ); 
]);

Затем попробуйте это: 

var analysdata = {!! $analyticsData !!};
const theData = [];
$.each( analysdata, function( key, value ) {
    theData.push({
        y: '2014-10-10', a: value.pageTitle,b: value.visitors, c: value.pageViews
    });
});

Morris.Area({
    element: 'dashboard-area-1',
    data: theData,
    xkey: 'y',
    ykeys: ['a','b', 'c'],
    labels: ['Page', 'Visitors','Page Views'],
    resize: true,
    hideHover: true,
    xLabels: 'day',
    gridTextSize: '10px',
    lineColors: ['#1caf9a','#33414E', '#2344d3'],
    gridLineColor: '#E5E5E5'
});
...