在X轴Morris.js线图上重复值

Question

我正在尝试显示带有每日统计数据的线图。但是X轴上的日期似乎正在重复。

链接到图像

这是线图的代码：

    new Morris.Line({
  element: 'chart',
  data: [ @foreach($Data as $data)
        { date: '{{$data['date']}}', value: {{$data['diff']}}},
        @endforeach
    ],
   xkey: ['date'],
   xLabelFormat: function(date) {
      return date.getFullYear() + '/' + (date.getMonth()+1)+ '/' + date.getDate(); 
      },
   xLabelAngle : 50,
   ykeys: ['value'],
   labels: ['Value'],
   resize: true,
   smooth: true,
   lineColors: ['#9ec628'],
  dateFormat: function(date) {
  date = new Date(date);
        return date.getFullYear()+ '/' + (date.getMonth()+1)+ '/' + date.getDate(); 
            },
}); 

我也尝试了情绪：false，但这无济于事。

Answer 1

解决方案是将选项xLabels: 'day'添加到您的配置中，然后显示每天x轴的1个值。我在文档中找到了该选项http://morrisjs.github.io/morris.js/lines.html