尝试在图表上初始化范围滑块时出错答案

【问题标题】：Error when attempting to initialize range slider on graph尝试在图表上初始化范围滑块时出错
【发布时间】：2014-11-07 15:21:19
【问题描述】：

我确定这在昨天还有效，但我终其一生都无法弄清楚发生了什么变化。

我使用以下代码初始化人力车范围滑块：

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

但只要存在这些行，我就会触发这一系列错误（并且我的滑块不会显示）：

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

【问题讨论】：

标签： javascript d3.js rickshaw

【解决方案1】：

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

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

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

这将解决您的错误。谢谢

【讨论】：

不错！谢谢，这是完美的。
还有一点，在 x 轴上的时间的情况下，它的初始值应该是某个时间而不是 0。