Моррис линия не работает

Question

Я пытаюсь отобразить линейную диаграмму Морриса, но линия не показывает, как этот

это мой код

<div class="panel-body"> 
    <div id="morris_area_operation"></div> 

    <?php 
      $operation_quey = DB::table('station_vehicule') 
        ->select('operation_date as date', 
          DB::raw('COUNT(operation_date) as nombre')) 
        ->where('operation_name', '=', 'Carburant') 
        ->groupBy('operation_date') 
        ->orderBy('operation_date', 'asc') 
        ->get(); 
    ?> 

    <script>      
     var data_collection = <?php echo json_encode($operation_quey); ?>; 

     new Morris.Line({ 
      element: 'morris_area_operation', 
      data: data_collection, 
      xkey: 'date', 
      ykeys: 'nombre', 
      xLabelFormat: function(x) { 
        return x.toDateString(); 
      }, 
      ymax: 'auto', 
      hideHover: true, 
      resize: true 
      }); 
     </script> 

</div> 

как вы можете видеть, существуют данные (дата и Номбр), но я не могу видеть линию на графике

помощь mplease

Answer 1

Ваш ykeys должен быть массивом:

ykeys: ['nombre'], 

(working jsFiddle based on your example)

См the documentation:

ykeys (обязательно): список строк, содержащих имена атрибутов, которые содержат Y значения (по одному для каждой серии данных, которые должны быть построены).