javascript - 人力车:图形最大 y 轴被 chop

Question

我正在尝试使用 Rickshaw 在我们的 JS 应用程序中显示数据，但 y 轴有时会被 chop :

我尝试了“display:visible”的几种变体，但似乎没有任何效果。你知道如何解决这个问题吗？ (即显示完整的“$100”)？

Answer 1

您可以在创建/实例化 Rickshaw.Graph 对象本身时添加填充:

var graph = new Rickshaw.Graph( {
  element: document.getElementById("chart"),
  renderer: 'line',
  stroke: true,
  series: seriesVar,
  padding: {top: 0.02, left: 0.02, right: 0.02, bottom: 0.02}
} );

参见 Rickshaw homepage用于填充解释。