인력거 - 단 - HoverDetail 및 RangeSlider

Question

간의 호환성 제가

내가 호버 상세도 그래프의 하단 범위 슬라이더 미리로 결정 (선 그래프) 정보에 복수의 데이터 계열 인력거 그래프를 선 위로 마우스를 가져 가면 세부 정보가 항상 한 줄로 만 스냅됩니다. 범위 슬라이더 미리보기를 가져 가면 호버 디테일이 제대로 작동합니다.

누구나 무슨 일인가? 미리 감사드립니다.

코드 스 니펫 :

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(); 

스크린 샷 - 내 마우스는 상단 녹색 선

Answer 1

위에 실제로 그것은 인력거에서 멀티 그래프는 기본적으로 stack:true이 보인다. 이렇게하면 호버 세부 위치가 실제 그래프 선과 오프셋됩니다. not allowing multiple series with different numbers of points과 같은 다른 문제도 발생합니다. 수정하려면 그래프 생성자 인수에 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 
       });