尝试初始化图形上的范围滑块时出错

时间:2014-11-07 15:21:20

标签: javascript d3.js rickshaw

我确信这在昨天有效,并且不能为我的生活找出改变的方法。

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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

这将解决您的错误。感谢