Twitter bootstrap 莫里斯线不行

我试图显示一个莫里斯折线图，但是这条线没有显示出来，像这样

这是我的密码

 <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>

var数据收集=；
新莫里斯线({
元素：“莫里斯地区行动”，
数据：数据收集，
xkey:'日期'，
ykeys:‘nombre’，
xLabelFormat:函数（x）{
返回x.toDateString（）；
},
ymax:'自动'，
是的，
调整大小：true
});

如您所见，数据存在（日期和名称），但我看不到图表中的线条

---

帮助简化

您的

ykeys

应该是一个数组：

ykeys: ['nombre'],

（）

见：

ykeys（必需）：字符串列表，其中包含包含Y值的属性名称（每个要绘制的数据系列对应一个）