javascript - 尝试初始化图表上的范围 slider 时出错

Question

我确信这在昨天是有效的，但我无法弄清楚发生了什么变化。

我使用以下代码初始化人力车范围 slider :

var preview = new Rickshaw.Graph.RangeSlider( {
graph: graph,
element: document.getElementById('preview'),
} );

但是只要这些行存在，我就会触发这一系列错误(并且我的 slider 不会显示):

Uncaught TypeError: Cannot read property 'x' of undefined rickshaw.js:487
  (anonymous function) rickshaw.js:487
  dataDomain rickshaw.js:487
  Rickshaw.Graph.RangeSlider.Rickshaw.Class.create.build Rickshaw.Graph.RangeSlider.js:23
  Rickshaw.Graph.RangeSlider.Rickshaw.Class.create.initialize Rickshaw.Graph.RangeSlider.js:12
  klass rickshaw.js:182
  (anonymous function) chart:356

根据我非常有限的 JS 知识，当它尝试确定图表的最小值/最大值时，它看起来遇到了问题......这看起来很奇怪，因为 y 轴可能会做同样的事情并且它可以工作美好的。知道发生了什么吗？

您可以在此处查看代码:http://azteccloud.com/chart

Answer 1

我遇到了同样的问题，在研究问题后我发现了实际的问题。

当您初始化“Rickshaw.Graph.RangeSlide”时，您应该使用一些系列数据初始化“Rickshaw.Graph”。即使您还没有任何数据。你可以用 0 来初始化它。例如

var seriesData = [{x:0,y:0}];

这将解决您的错误。谢谢