Rickshaw：图形最大 y 轴被截断

Question

我正在尝试使用 Rickshaw 在我们的 JS 应用中显示数据，但是 y 轴有时会被截断：

我尝试了几种“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。