Graph 如何使用morris.js更改x轴精度？

我有一个图表，沿着x轴绘制日期，y轴绘制睡眠时间

如果我显示7天的数据，x轴会显示每个日期，并且图形看起来很好：

当我将8周的数据放入图表中时，morris.js会自动调整x轴标签的精度以显示更少的日期（太好了！），但不会对绘图点进行相同的调整，因此图表如下所示：

如何使morris.js仅在每个标签间隔处放置打印点？

以下是显示图形的代码：

$ ->
  new Morris.Line(
    element: 'naps_chart',
    data: $('#naps_chart').data('naps'),
    xkey: 'happened_at',
    ykeys: ['time'],
    labels: ['Hours']
  );

---

我找到的解决这个问题的最简单/最好的方法是设置

pointSize:0

，然后平滑图形。它仍然显示悬停时的绘图点，看起来好多了

---

我本人是这方面的新手，因此如果您已经考虑并考虑到这一点，请原谅我：时间规范是否需要更精确或更具描述性的格式才能让“Morris”理解它？ 例如（我发现这个网站在这方面很有用：）：

--parseTime设置为false以跳过对X值的时间/日期分析，而将其视为等距序列

--yLabelFormat一个函数，该函数接受y值并将其格式化以显示为y轴标签。 例如：函数（y）{返回y.toString（）+'km'；}

该网站应该提供更多的“洞察”（请原谅双关语），可能只是需要另一个或稍微不同的操作或命令来执行x轴方程值的正确分段

希望这能有所帮助，哪怕是一点点

~

xLabelMargin:10

试试这个

 Morris.Bar({
//
xLabelMargin: 10,

//

});

尝试使用此设置

xLabelAngle: 45,

然后，您可以看到您的图形，如下图所示