Javascript 人力车-HoverDetail和Range Slider之间不兼容

我有一个人力车图，上面有多个数据系列（线图）

我决定在图表底部有悬停细节和范围滑块预览-但是当我悬停在线条上时，细节总是“捕捉”到一条线。如果我去掉范围滑块预览，悬停细节就可以了

有人知道怎么了吗？提前谢谢

代码段：

var graph = new Rickshaw.Graph( {
                    element: document.querySelector('#timeSeriesPlot_'+index),
                    series: chartData,
                    renderer: 'multi',
                    width: jQuery('.chartAndLegend').width()-100,
                    height: 500,
                    dotSize: 2
              });

var xAxis = new Rickshaw.Graph.Axis.Time( { graph: graph } );

var yAxis = new Rickshaw.Graph.Axis.Y( {
              graph: graph,
              orientation: 'left',
              element: document.querySelector('#y_axis_'+index)
          } );

var hoverDetail = new Rickshaw.Graph.HoverDetail( { graph: graph } );

var slider = new Rickshaw.Graph.RangeSlider.Preview({
                    graph: graph,
                    element: document.querySelector('#slider_'+index)
                  });

var legend = new Rickshaw.Graph.Legend({
                    graph: graph,
                    element: document.querySelector('#legend_'+index)
               });

var toggle = new Rickshaw.Graph.Behavior.Series.Toggle({
                graph: graph,
                legend: legend
              });

graph.render();

屏幕截图-我的鼠标实际上位于顶部绿线上方

---

似乎人力车中的多个图形在默认情况下具有

堆栈：true

。这会使悬停详图位置偏离实际图形线。它还会导致其他问题，例如。要修复此问题，只需在图形构造函数参数中设置

stack:false

，如下所示：

var graph = new Rickshaw.Graph( {
                    element: document.querySelector('#timeSeriesPlot_'+index),
                    series: chartData,
                    renderer: 'multi',
                    width: jQuery('.chartAndLegend').width()-100,
                    height: 500,
                    dotSize: 2,
                    stack: false
              });